每次學(xué)會(huì)后總會(huì)忘記褂乍,特記下來吁脱,方便日后查閱桑涎,本文前提是在vue環(huán)境都搭建好的前提下進(jìn)行的。環(huán)境搭建好以后豫喧,再次想構(gòu)建項(xiàng)目需要執(zhí)行以下操作
一石洗,關(guān)于開啟新項(xiàng)目
1,在桌面打開命令行窗口vue init webpack xxx(項(xiàng)目名字)
第一步操作
后面一直回車即可
2紧显,然后cd xxx(項(xiàng)目名稱)進(jìn)入文件夾
3讲衫,cnpm i
4,npm run dev
5,打開8081端口
頁(yè)面效果
項(xiàng)目目錄
二孵班,關(guān)于路由跳轉(zhuǎn)
我們搭建項(xiàng)目要寫的內(nèi)容都在src目錄下涉兽,路由都在router目錄下的index.js文件里配置。
要引入的文件是在main.js里配置篙程,比如要使用element ui 則在main.js里引入
如何路由跳轉(zhuǎn)枷畏?
1,在components下新建一個(gè)vue文件 first.vue
2,然后配置index.js
3,在helloworld里加跳轉(zhuǎn)
三虱饿,關(guān)于vue-resource
在項(xiàng)目文件里打開命令行輸入 cnpm install vue-resource
執(zhí)行完后在main.js里配置
import VueResource from 'vue-resource'
Vue.use(VueResource)
resource的使用
helloworld頁(yè)面
html
js
頁(yè)面輸出
mint-ui 使用