一、安裝環境
1、安裝Node.js環境，即前端項目的運行環境，安裝方法如下：
在https://nodejs.org/zh-cn/download/下載LTS版本的node-v8.9.4-x64.msi文件，下載完成後雙擊運行，即可安裝。
安裝完成則自動安裝好了npm這個包，並且自動將路徑配置到系統路徑中，打開cmd窗口，通過如下命令查看是否安裝成功：
node -v --查看當前node版本
npm -v --查看當前npm版本
安裝成功時可查看到具體的版本信息。
2、安裝cnpm ，即淘寶鏡像，下載包時去淘寶鏡像下載會比原始的npm速率快：
npm install cnpm -g --安裝cnpm，-g代表全局
cnpm -v --查看當前cnpm版本
3、安裝webpack：構建前端項目的工具，安裝好後可以使用npm run dev命令，將前端項目自動打包爲瀏覽器可以識別的語言。
npm install webpack -g --全局安裝webpack
npm install webpack-cli -g --全局安裝webpack-cli
webpack -v --查看當前webpack版本
4、安裝vue-cli
npm install vue-cli -g --全局安裝vue-cl
二、構建項目
以上的基礎環境安裝完成後，即可開始創建一個前端項目，創建方法如下：
1、新建一個文件夾，用於創建前端項目，如創建一個文件夾叫：test-web
2、打開cmd窗口，進入test-web文件夾，在test-web文件夾中構建項目：
vue init webpack my-project
3、運行上述命令後，cmd界面中會逐一出現下述提示，引導你輸入項目的名稱、創建人等信息，按照下圖輸入對應內容即可：
Project name my-project --項目的名稱，直接默認回車
Project description A Vue.js project --項目描述，直接默認回車
Author syf --作者姓名，輸入名字（syf）回車
Install vue-router? Yes --是否安裝路由，輸入y回車
Use ESLint to lint your code? No --是否用ESLint規範代碼，輸入n回車
Set up unit tests No --是否需要單元測試，輸入n回車
Setup e2e tests with Nightwatch? No --是否需要單元測試，輸入n回車
4、上述步驟完成後，即在test-web文件夾下，構建了一個叫做my-project的前端項目。
5、在cmd中進入my-project文件夾，執行如下命令：
cnpm install --安裝依賴
npm run dev --啓動項目
上述命令執行完畢後，cmd界面最後會顯示該前端項目已啓動成功：Your application is running here: http://localhost:8083。
此時，訪問http://localhost:8083即可訪問項目。