1、安裝node.js
直接百度搜索或者在其中文官網也可以下載http://nodejs.cn/download/ ，在安裝完node之后npm包管理工具也自動的安裝好，安裝完之后，在命令行輸入node -v或者npm -v，出現版本號說明安裝成功。如下圖所示：
2、改變原有的環境變量
(1)配置npm的全局模塊的存放路徑以及cache的路徑，在nodejs的主目錄下新建"node_global"及"node_cache"兩個文件夾，例如兩個文件夾放在NodeJS的主目錄下，便在NodeJs下建立"node_global"及"node_cache"兩個文件夾，輸入以下命令改變npm配置。
然后輸入如下兩個命令：
npm config set prefix “E:\commontool\nodejs\node_global”
npm config set cache “E:\commontool\nodejs\node_cache”
（2）在node_global文件夾下新建node_modules文件夾，系統環境變量Path中添加路徑E:\commontool\nodejs\node_global\node_modules，此后所安裝的模塊都會安裝到改路徑下。
（3）在命令行輸入以下命令試着安裝express（注：“-g”這個參數意思是裝到global目錄下，也就是上面說設置的“E:\commontool\nodejs\node_global”里面。）
npm install express -g
安裝完畢后可以看到.\node_global\node_modules\express 已經有內容
（4）控制台cd進入E:\commontool\nodejs\node_global\node_modules\express路徑下，在命令行輸入node進入編輯模式，輸入以下代碼測試是否能正常加載模塊：
require(‘express’) ，假設成功，可以看到有輸出。假設出錯，檢查NODE_PATH的路徑。
3、安裝淘寶npm（cnpm）
(1)輸入以下命令
npm install -g cnpm --registry=https://registry.npm.taobao.org
(2)添加系統變量path的內容
因為cnpm會被安裝到E:\commontool\nodejs\node_global下，而系統變量path並未包含該路徑。在系統變量path下添加該路徑即可正常使用cnpm;如下圖配置：
(3)輸入cnpm -v輸入是否正常。
4、vue-cli的搭建
打開cmd ,敲入命令：
npm install --global vue-cli （–global：全局安裝）
安裝成功后輸入vue -V出現版本號證明安裝成功。
5、vue項目的搭建
（1）開始生成項目，在本地硬盤找一個目錄存放代碼，然后打開命令行cd切換到相應的路徑下，然后跑 vue init webpack Vue-Project（項目名稱）
Project name： 項目名稱
Project description：項目描述
Author：作者(可輸入自己的名字,也可以空着)
Vue build： vue的構建,一般就選擇第一個按回車即可
Install vue-router：安裝vue-router
Use ESLint to lint your code：是否使用ESLint來lint你的代碼(規范代碼用的,注意了這一條新手一定要選擇no,輸入n再回車即可)
Pick an ESLint preset：選擇一個ESLint代碼規范
Set up unit tests：是否需要自動化單元測試
Pick a test runner：選擇一個測試運行程序
jest:(Jest是由Facebook發布的開源的、基於Jasmine的JavaScript單元測試框架)
karma and mocha:(將項目運行在各種瀏覽器 和 定義測試模塊)
none (configure it yourself):(自定義你的項目)
Setup e2e tests with Nightwatch：是否需要自動化用戶界面測試
Yes, use NPM:使用npm
Yes, use Yarn:使用yarn
No, I will handle that myself:(自己自定義)
顯示如下內容時創建成功啦，
（2）輸入cd Vue-Project 然后安裝依賴npm install, 如果平常時開發就跑npm run dev(本地開發跑代碼)，如果需要打包則跑npm run build。
（3）項目默認監聽的是8080端口，在項目下打開config文件夾，打開index.js可以找到項目監聽端口，可以修改。
（3）跑下指令npm run dev ,然后再地址欄輸入http://localhost:8888,就會出現相應的頁面。
（4）添加相應的框架以及依賴
npm i axios --save
npm i vue-router --save
npm normolize.css --save
npm i lodash --save
npm i style-loader --save
npm i sass-loader --save(安裝成功后需要將package.json中的sass-loader版本改為7.0.0)
cnpm i node-sass --save(此處用cnpm)
npm i file-loader --save
npm install element-ui -S
參考：https://www.jb51.net/article/129463.htm
https://blog.csdn.net/wolf_tuteng/article/details/104233836