一、下載安裝node.js
1璧亚、Node.js簡介
簡單的說 Node.js 就是運行在服務端的 JavaScript。Node.js 是一個基于 Chrome V8 引擎的 JavaScript 運行環(huán)境。開始我以為是一門語言描函，其實只是一個平臺今膊。Node.js 的包管理器 npm些阅，是全球最大的開源庫生態(tài)系統(tǒng)。
2斑唬、下載Node.js
打開官網下載鏈接市埋，下載對應版本自定義安裝。包含了node.js和npm恕刘。
安裝完成后缤谎，wind+r 彈出輸入cmd打開命令窗口，輸入node -v 和 npm -v 分別查看版本號褐着，代表node.js和npm安裝完成坷澡。
3、修改設置環(huán)境變量
安裝完node含蓉，就自動在path里增加環(huán)境變量频敛。這里的環(huán)境配置主要配置的是npm安裝的全局模塊所在的路徑，以及緩存cache的路徑馅扣，之所以要配置斟赚，是因為以后在執(zhí)行類似：npm install express [-g] （后面的可選參數-g，g代表global全局安裝的意思）的安裝語句時差油，會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中（默認）拗军，占C盤空間。
為了以后的本地部署項目厌殉，需要自定義安裝和緩存食绿。找到node.js的安裝根目錄，在當中新建“node_global”和"node_cache"兩個文件夾公罕。
"node_global"即以后全局模塊安裝下載路徑器紧。"node_cache"即以后緩存路徑。
在cmd窗口依次執(zhí)行命令
npm config set prefix "F:\project\vue\nodeJs\node_global"
npm config set cache "F:\project\vue\nodeJs\node_cache"
配置環(huán)境變量
NODE_PATH = F:\project\vue\nodeJs
PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_global;
環(huán)境變量配置完成楼眷，這樣就可以把后面全局安裝的裝到node_global里并且可以直接用命令使用铲汪。
二、npm安裝
1罐柳、npm安裝淘寶鏡像
cmd執(zhí)行npm install -g cnpm –registry=https://registry.npm.taobao.org掌腰，即可安裝淘寶npm鏡像，以后再用到npm的地方直接用cnpm來代替就好了张吉。（因為npm在國內下載速度是很慢齿梁，所以就用npm下載安裝cnpm可以更快的下載后面的依賴等等。）
2、npm安裝vue-cli
cmd執(zhí)行(c)npm install-g @vue/cli（不用淘寶鏡像可忽略前面的"c"）勺择，安裝vue-cli3（3開始安裝方式改為這個）创南。
cmd執(zhí)行vue -V查看版本即安裝成功。
三省核、創(chuàng)建第一個vue工程
1稿辙、打開創(chuàng)建工程的目錄
cmd在對應目錄中執(zhí)行 vue create 工程名，開始創(chuàng)建vue工程气忠。
2邻储、創(chuàng)建項目對應選項
default (babel, eslint)，默認選項旧噪，包含babel和eslint吨娜。
Manually select features，自定義創(chuàng)建配置工程淘钟。
選擇自定義萌壳。
Babel，支持es6語法轉換（常用）日月。
TypeScript袱瓮，微軟提供的js超集。
Progressive Web App (PWA) Support爱咬，漸進式的網頁應用程序尺借。
Router，路由（常用）精拟。
Vuex燎斩，Vuex是Vue.js應用程序的狀態(tài)管理模式+庫。
CSS Pre-processors蜂绎，Sass/Less預處理器（常用）栅表。
Linter / Formatter，代碼風格檢查（常用）师枣。
Unit Testing怪瓶，支持單元測試。
E2E Testing践美，支持E2E測試洗贰。
選擇對應配置完成工程創(chuàng)建。
3陨倡、初次運行vue工程
創(chuàng)建完成后會有對應運行提示敛滋。打開工程目錄，npm run serve運行工程兴革。
打開url即為此vue工程運行顯示绎晃。
