一、安裝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的目錄結構，以及每個目錄的用法我會在下一篇文章中進行詳細說明，希望大家多多支持，你們的支持是我前進的動力

vue-cli全局安裝