一. 提前準備工作

1.Node.js環境

2.Windows10

3.npm（前端包管理工具）

4.webpack（前端資源加載/打包工具）

二. 開始安裝

1.。下載並安裝Node.js

下載地址：https://nodejs.org/en/download/

2.在cmd中查看node.js是否安裝成功，以及是否安裝npm

3.由於npm安裝資源時速度慢，推薦使用淘寶的鏡像及其命令cnpm，安裝使用介紹參照：使用淘寶NPM鏡像。

＃查看版本
 npm -v

＃升級npm
cnpm install npm -g

＃升級或安裝cnpm
npm install cnpm -g

4.安裝vue的腳手架工具（vue項目前期項目目錄結構的工具）

cnpm install -global vue-cli

查看安裝目錄 C:\Users\Administrator\AppData\Roaming\npm 

5.在cmd中使用webpack創建一個vue項目

#進入到項目目錄
cd D:\project\vue 

#創建項目
vue init webpack 項目名稱

之後會出現對話提示。

“Project name”：這個是項目名稱，默認是輸入時的那個名稱，想改的話直接輸入修改，也可以直接回車

“Install vue-router”:

“Use ESLint to lint your code”:是否使用ESLint，剛才說了我們這個項目需要使用所以也是直接回車，默認使用，這樣會生成相關的ESLint配置

“Setup unit tests with Karma + Moch?”: 是否安裝單元測試。由於我們現在還沒有單元測試，所以這裏選擇的是”N”，而不是直接回車哦

“Setup e2e tests with Nightwatch”：

這幾個配置選擇yes 或者 no 對於我們項目最大的影響就是，如果選擇了yes 則生成的項目會自動有相關的配置，有一些loader我們就要配套下載。所以如果我們確定不用的話最好不要yes，要麽下一步要下很多沒有用的loader

5.安裝完成，接下來就可以馬上開始運行我們的vue網站了！

三. 運行第一個Vue網站

在cmd中輸入以下命令

cd 項目名稱

cnpm run dev

打開http//:localhost:8080就可以訪問

Win10中Vue.js的安裝和項目搭建