Vue CLI3 Tuorial
本文圖片居多 因為涉及不到太多代碼
安裝/執(zhí)行命令
npm uninstall -g vue-cli
npm install -g @vue/cli
vue create myapp
創(chuàng)建項目
- vue create <項目名>
結(jié)果
- 先選擇默認(rèn)即可
目錄結(jié)構(gòu)
-
如果選擇自定義項目依賴 就選擇最后一項
image.png -
挑選router vuex cssprocessor這幾個常用的 接下來會遇到各部分的選項
我的選擇如圖 -
最后點擊Enter 執(zhí)行
如果node-sass安裝出問題 就用cnpm安裝一下
目錄結(jié)構(gòu)
添加插件
vue add 插件名
vue add babel
然后查看package.json 里會有添加的插件
請注意前綴 會自動加上@vue/cli-plugin-<插件名>
npm cache clean --force 清理緩存的
-
添加vuetify
vue add vuetify
多個文件被修改
你會發(fā)現(xiàn)項目中很多文件都被改了 而且啟動后首頁都不一樣了
vuetify的首頁
可視化管理項目 - 項目管理器
vue ui 來啟動可視化管理界面
項目管理器
- 導(dǎo)入項目 項目文件夾旁邊會有個vue的logo表示這是個vue項目
上述所有操作都可以用可視化進行操作 都可以找到很方便
以上就是vue-cli的簡易教程
