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