電腦環境準備

1、下載安裝node.js。node中會預設安裝npm。命令提示符中 npm -v可檢視安裝版本。

2、開啟命令提示符，安裝淘寶映象cnpm。因為cnpm安裝依賴包時會比npm速度快很多。安裝命令：

npm install -g cnpm --registry=<a href="https://registry.npm.taobao.org" _src="https://registry.npm.taobao.org">https://registry.npm.taobao.org</a>

安裝完畢後可以在命令提示符中輸入cnpm -v檢視cnpm版本

3、全域性安裝vue-cli。安裝命令：

cnpm install –g vue-cli

專案搭建

1、選擇將要搭建專案的目錄。比如 d:/mycode

2、命令提示符進入該目錄。

3、新建專案。在專案目錄下輸入命令:

vue init webpack myfirstvue

命令中的nyfirstvue是專案名稱，不能含有大寫字母。

提示可以都直接回車，這部分是package.json裡面的專案說明。

具體說明如下：

Project name (myfirstvue)：專案名稱。預設為命令後的名稱，也可以自己重新起名

Author：專案作者

Runtime + Compiler: recommended for most users

Install vue-router? ：是否安裝vue-router

Use ESLint to lint your code? (Y/n)：是否使用ESLint管理程式碼

Setup unit tests with Karma + Mocha? (Y/n) ：是否安裝單元測試

Setup e2e tests with Nightwatch(Y/n)?    是否安裝e2e測試

4、進入專案目錄。

安裝依賴模組

cnpm install 

5、執行專案

輸入命令：

npm run dev 

可看到如下頁面

恭喜你，一個vue專案已經搭建成功！