一、在使用以前，先類掌握3個東西，明白它們是用來幹什麼的：
npm: nodejs 下的包管理器。html
webpack: 它主要用途是經過CommonJS 的語法把全部瀏覽器端須要發佈的靜態資源做相應的準備，好比資源的合併和打包。vue
vue-cli: 用戶生成Vue工程模板。（幫你快速開始一個vue的項目，也就是給你一套vue的結構，包含基礎的依賴庫，只須要npm install 就能夠安裝。node
二、nodejs下載網址：https://nodejs.org/en/ 【若是嫌下載的慢，能夠下載其餘網站上的，別人有現成的，下載的比較快】
三、下載好後，雙擊安裝：
四、默認，下一步：
五、接受協議：
六、選擇安裝路徑：
七、會默認本身添加環境變量：
八、接下去一路「next」，最後點擊finish
九、安裝好後，對應的各個文件的做用：
十、cmd打開終端：
十一、檢查是否正常
十二、再看看另外2個目錄，npm的本地倉庫跑在系統盤c盤的用戶目錄了(沒見到npm-cache是由於沒有用過，
一使用緩存目錄就生成了)，咱們試圖把這2個目錄移動回到D:\nodejs
先以下圖創建2個目錄：
1三、而後運行如下2條命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
如上圖，咱們再來關注一下npm的本地倉庫，輸入命令npm list -globalwebpack
1四、配置一個鏡像站，爲了提高速度，
輸入命令npm config set registry=http://registry.npm.taobao.org 配置鏡像站
輸入命令npm config list 顯示全部配置信息，咱們關注一個配置文件web
C:\Users\Administrator\.npmrcvue-router
使用文本編輯器編輯它，能夠看到剛纔的配置信息
檢查一下鏡像站行不行命令1vue-cli
npm config get registrynpm
檢查一下鏡像站行不行命令2瀏覽器
Npm info vue 看看可否得到vue的信息緩存
注意，此時，默認的模塊D:\nodejs\node_modules 目錄
將會改變爲D:\nodejs\node_global\node_modules 目錄，
若是直接運行npm install等命令會報錯的。
咱們須要作1件事情：
一、增長環境變量NODE_PATH 內容是：D:\nodejs\node_global\node_modules
（注意，一下操做須要從新打開CMD讓上面的環境變量生效）
1、測試NPM安裝vue.js
命令：npm install vue -g
這裏的-g是指安裝到global全局目錄去
2、測試NPM安裝vue-router
命令：npm install vue-router -g
運行npm install vue-cli -g安裝vue腳手架
編輯環境編輯path
對path環境變量添加D:\nodejs\node_global
win10如下版本的，橫向顯示PATH的，注意添加到最後時，不要有分號【;】
從新打開CMD，而且測試vue是否使用正常
注意，vue-cli工具是內置了模板包括 webpack 和 webpack-simple,前者是比較複雜專業的項目，
他的配置並不全放在根目錄下的 webpack.config.js 中
初始化，安裝依賴
運行npm install安裝依賴
成功界面，提示打開地址http://localhost:8080
自動打開瀏覽器http://localhost:8080/#/
npm run build
生成靜態文件，打開dist文件夾下新生成的index.html文件
nmp下新建出來的vue01的目錄描述：
大部分借鑑的下面這個大神的：
http://www.javashuo.com/article/p-bxrceonp-hz.html
按着大神的步驟操做了一遍，沒什麼大問題。在此表示感謝，同時聲明下，該篇文章只用來本身學習用。