環境：

1. 安裝node

使用腳手架需要安裝npm(npm是JavaScript 世界的包管理工具，並且是Node.js 平臺的預設包管理工具)，npm是內嵌在node中的，安裝node即可，個人建議安裝長期支援版。https://nodejs.org/zh-cn/

使用命令列檢查是否安裝成功

node -v

npm -v

2.安裝cnpm

由於國內被牆的原因使用npm安裝包時會非常慢，建議使用淘寶映象，使用命令列安裝淘寶映象

npm install -g cnpm --registry=https://registry.npm.taobao.org

使用命令列檢視

cnpm -v

3.安裝vue和vue-cli

使用命令行

cnpm install -g vue

cnpm install vue-cli -g

檢視vue是否安裝成功，注意這裡的V是大寫的V

vue -V

好了，環境已經都安裝完了，開始搭建專案。

搭建專案

1.使用vue建立專案

使用命令列

vue init webpack

會有以下選項

Project name => 專案名稱 xxxx 不可大寫

Project description (A Vue.js project) => 專案描述(一個Vue.js 專案)

Author =>作者 需要顯示的作者名

Vue build => 執行時+編譯器 / 用執行時 建議選擇（執行時+編譯器）

Install vue-router? (Y/n) => 是否安裝Vue路由（單頁面應用需要的模組）

-----------建議新手以下全選No------------

Use ESLint to lint your code? (Y/n) => 使用 ESLint 到你的程式碼？

Pick an ESLint preset (Use arrow keys)Y [ yes ] / N [ no ]）=> 選擇一個預置ESLint（使用箭頭鍵）

Setup unit tests with Karma + Mocha? (Y/n) => 設定單元測Karma + Mocha？

Setup e2e tests with Nightwatch? (Y/n) => 設定端到端測試Nightwatch？

Shouldwerun`npminstall`foryouaftertheprojecthasbeencreated? => 是否使用npm安裝

2. 安裝依賴

使用npm/cnpm安裝依賴

cnpm install

3.執行專案

使用如下命令（切記要在專案根目錄下）

npm run dev

npm start

由於在package.json 檔案中設定了使用 npm start 命令時 執行 npm run dev 命令，所以二者皆可

執行成功後:

4.在瀏覽器中訪問