vue-cli全局安裝


一、安裝node.js

a)、不確定自己時候安裝了node.js可以在控制台當中輸入node -v來查看當前是否已經存在

image

如果看到輸出了版本信息,那么證明已經有了node.js

b)、如果看到node不是內部命令,那么還沒有安裝node,node下載網址:http://nodejs.cn/download/

注 :安裝 vue-cli 腳手架目前需要node版本為 v4.0 以上;

二、Vue-cli全局安裝

a)、因為在國內npm安裝會比較慢,所以這里推薦一下先安裝淘寶鏡像(官網:http://npm.taobao.org;)

b)、在控制台執行命令:npm install cnpm -g --registry=https://registry.npm.taobao.org

c)、安裝完成就可以使用cnpm來代替之前的npm這樣的安裝效率會快很多(以下操作會由cnpm代替npm)

d)、操作完以上步驟可以在繼續在命令行輸入:cnpm install -g vue-cli。安裝成功之后輸入vue按下回車出現如下圖表示安裝正確:

image

三、初始化項目

a)、繼續在命令行輸入:vue init webpack myproject(*myproject為自己的項目名稱)

執行了此命令會自動構建一個myproject文件夾,整個初始化流程如下圖:

image

項目初始化完成之后按照命令行提示:

image

cd myproject

cnpm run dev

以上兩個命令執行完成會在命令行出現一個地址:

image

copy地址在瀏覽器中打開如圖:

image

在瀏覽器看到這個界面的時候證明咱們的項目已經安裝,並且啟動成功,接下來可以進行代碼的書寫操作了

結語:vue的目錄結構,以及每個目錄的用法我會在下一篇文章中進行詳細說明,希望大家多多支持,你們的支持是我前進的動力

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM