vue cli全域性安裝

2022-08-09 13:21:19 字數 1168 閱讀 2968

一、安裝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 如果已經有了專案,到...