1、安裝node.js
從node.js官網：https://nodejs.org/en/下載並安裝node，安裝過程很簡單，一路“next”就可以了，預設是安裝到C盤，也可以更改安裝位置；

PS：如果Node.js預設安裝路徑改到了D盤，則需要配置環境變數；

開啟計算機屬性-高階系統設定-環境變數，在系統變數列表中找到path變數；

這個每個人電腦不同，具體介面可能不一樣。
檢測是否安裝成功：
開啟命令列工具(win+r，然後輸入cmd)，輸入 node -v

在官網下載安裝node.js後，就已經自帶npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免對後續產生影響。
大家可以看到我的node是v8.11.3；npm是5.6.0

2、安裝淘寶映象

我們用的npm的伺服器是外國，有的時候我們安裝“依賴”的時候很很慢很慢超級慢，所以就用這個cnpm來安裝我們說需要的“依賴”

輸入”npm install -g cnpm --registry=https://registry.npm.taobao.org“確定安裝
安裝完成之後輸入 cnpm -v；如下圖，有相應的版本號，則說明安裝成功。

使用cnpm的方法就是，需要用到npm的地方直接使用cnpm替換就可以了

3、安裝webpack
輸入”npm install webpack -g“，

安裝時候如果出現以下：

這個接著輸入 webpack-cli 或者 webpack-command 即可；
安裝完成之後輸入 webpack -v；如下圖，有相應的版本號，則說明安裝成功。

大家可以看到我的 webpack是v4.16.4

4、安裝vue-cli腳手架構建工具

全域性安裝 vue-cli;輸入”npm install vue-cli -g“，
安裝完成之後輸入 vue -V（注意這裡是大寫的“V”）；如下圖，有相應的版本號，則說明安裝成功。

通過以上四步，我們需要準備的環境和工具都準備好了，接下來就開始使用vue-cli來構建專案
1、新建一個myvue（專案名）資料夾來放置專案
輸入：vue init webpack myvue(專案名)
PS：專案名不能大寫，不能使用中文 ，這個資料夾會自動生成在你指定的目錄中。

輸入命令後，會跳出幾個選項讓你回答：

? Project name (myvue) ---------------------專案名稱
? Project name myvue
? Project description (A Vue.js project) ---------------------專案描述
? Project description A Vue.js project
? Author Datura --------------------- 專案建立者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) --------------------- 是否安裝Vue路由，也就是以後是spa（但頁面應用需要的模組）
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否啟用eslint檢測規則
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "myvue".
To get started: --------------------- 這裡說明如何啟動這個服務
cd myvue
npm install
npm run dev

回答完畢後就開始構建專案了
1、cd 命令進入建立的工程目錄，首先cd myvue（這裡是自己建工程的名字）；
2、安裝專案依賴：npm install，因為自動構建過程中已存在package.json檔案，所以這裡直接安裝依賴就行。不要從國內映象cnpm安裝(會導致後面缺了很多依賴庫)；
3、安裝 vue 路由模組 vue-router 和網路請求模組 vue-resource，輸入：cnpm install vue-router vue-resource --save。

建立完成的“myvue”目錄如下：

簡單的說明下各個目錄都是幹嘛的：（借網上圖）

4、啟動專案，輸入：npm run dev。

這裡是預設服務啟動的是本地的8080埠，所以請確保你的8080埠不被別的程式所佔用。

這裡要說的幾點常見問題：

1、I Your application is running here: http://localhost:8080:如果不能自動開啟瀏覽器，

設定autoOpenBrowser: true, //是否預設開啟瀏覽器,預設是false，改為true即可，如下圖：

2、win7系統下在cmd中 輸入npm run dev後，專案能正常跑起來，但是整個cmd視窗就不能再輸入任何東西，
解決辦法：ctrl+c

至此簡單的一個專案構建完畢。