一、環(huán)境搭建

1、安裝nodejs，從node.js官網(wǎng)下載安裝，默認一直點下一步即可，輸入node -v時，安裝成功，新版的nodejs已經(jīng)集成了npm,通過npm -v查看，如下圖所示：

2、安裝淘寶鏡像（cnpm）

(1)輸入命令

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

(2)輸入cnpm -v 命令，查看安裝結(jié)果

? cnpm -v

(3)、全局安裝vue-cli腳手架

（1）、npm install -g vue-cli 或 cnpm install -g vue-cli

（2）、vue -v? ? ? ? ? ?//安裝完成，查看版本號

二、vue腳手架創(chuàng)建vue項目

1、通過命令vue init webpack 項目名稱，注：前面一直默認回車即可，vue-router可安裝選【Y】；ESlint是es6語法驗證的，如果你勾選可能會出現(xiàn)很多紅色的格式要求，博主偷懶所以選擇了【N】，哈哈；unit test單元測試、e2e端對端測試，根據(jù)個人項目情況選擇；后面幾默認回車，最后一個選擇包管理工具進行下載安裝依賴，我們選擇npm ,然后他會自動安裝依賴。出現(xiàn)的cd vue-first（進入項目目錄），npm install (安裝項目依賴)，前面已經(jīng)自動安裝了，所以不用手動安裝了。

2、我們現(xiàn)在cd 到項目vue-first看一下目錄結(jié)構(gòu)

3.運行npm run dev即可運行，默認運行在8080端口，在瀏覽器輸入http://localhost:8080即可打開項目頁面。