一、安裝node.js
a)、不確定自己時候安裝了node.js可以在控制台當中輸入node -v來檢視當前是否已經存在
如果看到輸出了版本資訊,那麼證明已經有了node.js
注 :安裝 vue-cli 腳手架目前需要node版本為 v4.0 以上;
二、vue-cli全域性安裝
a)、因為在國內npm安裝會比較慢,所以這裡推薦一下先安裝**映象(官網:
b)、在控制台執行命令:npm install cnpm -g --registry=
c)、安裝完成就可以使用cnpm來代替之前的npm這樣的安裝效率會快很多(以下操作會由cnpm代替npm)
d)、操作完以上步驟可以在繼續在命令列輸入:cnpm install -g vue-cli。安裝成功之後輸入vue按下回車出現如下圖表示安裝正確:
三、初始化專案
a)、繼續在命令列輸入:vue init webpack myproject(*myproject為自己的專案名稱)
執行了此命令會自動構建乙個myproject資料夾,整個初始化流程如下圖:
在瀏覽器看到這個介面的時候證明咱們的專案已經安裝,並且啟動成功,接下來可以進行**的書寫操作了
vue cli全域性變數使用
1.函式 vue.prototype.baseurl function 2.變數 vue.prototype.gettitle 新增方法 在vue cli中使用 1直接將上面任乙個 改 放入 src main.js 中,即可定義全部變數。2類似這種配置,可以單獨起乙個配置檔案,1 可以在專案的src...
vue cli安裝方法
別名 腳手架 版本cli2 cli3 包管理工具優先順序 yarn cnpm npm npm安裝的東西可以被cnpm和yarn的安裝覆蓋 npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn 安裝 yarn add vue ...
安裝vuecli環境
安裝之前保證自己的git工具以及安裝成功。2 安裝成功後,安裝 映象 npm install g cnpm registry 3 安裝vuecli cnpm install g vue cli 4.1.2 4 安裝yarn cnpm install g yarn tyarn 5 如果已經有了專案,到...