VueCli4.0入門及安裝

VueCli4.0安裝

npm install -g @vue/cli 其中-g表示全局安裝

yarn global add @vue/cli

vue --version // 查看VueCli版本

which -a vue // 查看vueCli安裝路徑

使用VueCli腳手架創建項目

vue create [項目名]

安裝好了以後會出現兩條提示命令

cd [路徑]
yarn server 
如果沒有安裝yarn可以使用npm run server命令

接着可以使用

vue ui命令來啓動可視化控制界面

接下來我們可以在vue ui中安裝各種插件，依賴

在package.json中查看我們所安裝的依賴

安裝Vue DevTools

https://github.com/vuejs/vue-devtools Git倉庫地址
第一步:git clone https://github.com/vuejs/vue-devtools.git
這一步也可以選擇手動去網站將壓縮包下載下來解壓

第二步:進入解壓根路徑 執行npm install即可
    
第三步:將這個包構建成生產包:執行npm run build

第四步:打開谷歌瀏覽器-設置-擴展程序-打開已解壓的擴展程序
然後將解壓包的shells下的chrome導入即可