記錄一下vue項目的創(chuàng)建到部署，怕以后忘記。
安裝
安裝npm
從nodejs.org官網(wǎng)下載nodejs，官網(wǎng)地址：https://nodejs.org/en/
node1.png
下載完成后，雙擊安裝，在安裝界面一直點Next，直到Finish完成安裝。
node2.png
image.png
image.png
安裝成功后，打開控制命令行程序（CMD）,檢查是否正常。
image.png
相關(guān)配置
用戶變量設(shè)置：將用戶變量中 PATH 中對應(yīng)的值改成 E:\software\nodejs\node_global，沒有PATH，可以直接添加。
系統(tǒng)變量設(shè)置：添加變量 NODE_PATH 值為：E:\software\nodejs\node_modules
image.png
image.png
npm 全局模塊的存放路徑以及cache的路徑的配置，默認(rèn)是在 C 盤 "C:\Users\用戶" 下，我們這nodejs的安裝目錄下新建node_global和node_cache文件夾
image.png
然后進(jìn)去控制命令行，輸入命令：
npm config set prefix "D:\workspace\nodejs\node_global"
npm config set cache "D:\workspace\nodejs\node_cache"
在控制命令行，輸入命令：
輸入npm config ls 或者npm config list
image.png
配置淘寶鏡像，在控制命令行輸入命令：
npm config set registry https://registry.npm.taobao.org
配置完鏡像之后驗證是否成功，在控制命令行輸入命令：
npm config get registry
image.png
安裝cnpm
國內(nèi)直接使用npm 的官方鏡像是非常慢的，所以推薦使用淘寶 NPM 鏡像。在控制命令行輸入命令：
npm install -g cnpm --registry=https://registry.npm.taobao.org
image.png
這樣安裝成功后，就可以使用cnpm 命令來安裝模塊了。也可以不安裝，直接用npm。
創(chuàng)建項目
要構(gòu)建一個vue項目，需要安裝vue-cli腳手架，在控制命令行輸入命令：
cnpm install vue-cli -g //全局安裝
image.png
查看vue-cli是否安裝成功,在控制命令行輸入命令：
vue list
image.png
選定路徑，作為你vue項目構(gòu)建的路徑，比如我這邊選擇的路徑是D:\workspace\projects_demo\font-demo，我要創(chuàng)建的vue項目的名稱是vue-demo-1，則首先從控制命令行進(jìn)入選擇的路徑中：
cd D:\workspace\projects_demo\font-demo
然后在控制命令行輸入命令：
vue init webpack vue-demo-1
image.png
等待構(gòu)建完成后，從控制命令行進(jìn)入剛剛創(chuàng)建好的項目，在控制命令行輸入命令：
cnpm run dev
image.png
這樣項目就啟動好了
如果想關(guān)閉啟動的項目，可以在控制命令行界面CTRL+C
下面便是剛剛創(chuàng)建好的項目
image.png
部署
在控制命令行進(jìn)入剛剛創(chuàng)建好的項目，輸入命令：
cnpm run build
image.png
dist目錄下就是部署的文件了
image.png
