1.安裝node環境，然後在命令列輸入node -v 和npm -v 檢視版本號

2.在正式開始專案之前我們先介紹一下vue-cli，vue-cli是一個腳手架工具，vue-cli是幫助我們寫好vue.js基礎程式碼的工具，可以幫助我們生成一個專案目錄，可以本地除錯，單元測試，程式碼部署等等。

安裝vue-cli

$ npm install -g vue-cli

開始建立專案

使用vue-cli

$ vue init <template-name> <project-name>

第一個是模板名稱，第二個是專案名稱，模板有webpack，webpack-simple ，browserify ，browserify-simple ，simple我們這個專案使用的是webpack

下面我們就來搭建一個專案名稱為myvue模板為webpack的vue專案(注：此處專案名不可有大寫)：

vue init webpack myvue

接下拉終端裡面會問你（也可能會跟你說vue不是內部或外部命令，本篇文章結尾會有解決辦法）

? Project name (myvue) 

專案名稱是不是 myvue ，我們按回車，表示，是。當然，你也可以重寫一個，然後回車。

然後

? Project description (A Vue.js project)

專案描述，一個 vue.js 的專案。同樣，我們可以填寫內容，或者直接回車

然後

? Author (fungleo <
 
[email protected]>)

　作者，同上可填可不填

? Vue build (Use arrow keys)
❯ Runtime + Compiler: recommended for most users
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files -
render functions are required elsewhere
 

　　這裡是問你，需要不需要安裝編譯器，我們選擇需要安裝，也就是第一個，也就是直接回車就OK了。

? Install vue-router? (Y/n)

　　問是不是需要安裝 vue-router ，需要安裝，這個是管理路由的。我們直接回車。

? Use ESLint to lint your code? (Y/n) 

　　是否需要使用 ESLint 來檢查你的程式碼。需要！所以同上，我們直接回車。 

? Pick an ESLint preset (Use arrow keys)
❯ Standard (https://github.com/feross/standard)
  Airbnb (https://github.com/airbnb/javascript)
  none (configure it yourself)

　　然後問你需要使用哪種風格來檢查你的程式碼。我們選擇第一個 Standard 來檢查程式碼。所以，直接回車。

? Setup unit tests with Karma + Mocha? (Y/n)

　　是否需要安裝測試功能。不要。我們輸入 n 然後回車。

? Setup e2e tests with Nightwatch? (Y/n)

　　還是關於測試的內容，我們還是輸出 n 然後回車。

最後

現在會生成對應專案名稱的資料夾 然後切換到專案目

cd myvue

 安裝依賴（建議用cnpm映象代替npm安裝速度會快好多）

npm install

　　最後執行專案

npm run dev