一、安裝node.js a)、不確定自己時候安裝了node.js可以在控制台當中輸入node -v來查看當前是否已經存在 如果看到輸出了版本信息,那麼證明已經有了node.js b)、如果看到node不是內部命令,那麼還沒有安裝node,node下載網址:http://nodejs.cn/downl ...
一、安裝node.js
a)、不確定自己時候安裝了node.js可以在控制台當中輸入node -v來查看當前是否已經存在
如果看到輸出了版本信息,那麼證明已經有了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按下回車出現如下圖表示安裝正確:
三、初始化項目
a)、繼續在命令行輸入:vue init webpack myproject(*myproject為自己的項目名稱)
執行了此命令會自動構建一個myproject文件夾,整個初始化流程如下圖:
項目初始化完成之後按照命令行提示:
cd myproject
cnpm run dev
以上兩個命令執行完成會在命令行出現一個地址:
copy地址在瀏覽器中打開如圖:
在瀏覽器看到這個界面的時候證明咱們的項目已經安裝,並且啟動成功,接下來可以進行代碼的書寫操作了
結語:vue的目錄結構,以及每個目錄的用法我會在下一篇文章中進行詳細說明,希望大家多多支持,你們的支持是我前進的動力