第一步：node環(huán)境安裝
1.如果本機(jī)沒有安裝node運(yùn)行環(huán)境扛稽，請下載node 安裝包進(jìn)行安裝
2.如果本機(jī)已經(jīng)安裝node運(yùn)行環(huán)境吹埠，請更新至最新的node 版本
下載地址：https://nodejs.org/en/ 或者 http://nodejs.cn/
第二步：node環(huán)境檢測
為了快樂的使用命令行另凌，我們推薦使用 gitbas
1.下載git 并安裝
下載地址 https://git-for-windows.githu...
安裝成功后 右鍵菜
[圖片]
我們可以看到 Gti Bash Here 某筐。說明我們已經(jīng)安裝成功git
-
檢測node 是否安裝成功
右鍵空白栈源，選擇 Gti Bash Here 彈出
微信截圖_20181107173159.png -
在終端輸入 node -v 如果輸出版本號(hào)逊抡，說明我們安裝node 環(huán)境成功，順便輸入 npm -v 查看npm版本號(hào)
微信截圖_20181107173434.png
第三步 vue-cli腳手架安裝
1.如果訪問外網(wǎng)比較慢火窒，可以使用淘寶的鏡像 https://npm.taobao.org/
打開命令終端 npm install -g cnpm --registry=https://registry.npm.taobao.org
回車之后硼补，我就可以可以快樂的用 cnpm 替代 npm
001.png
看到這樣
微信截圖_20181107173743.png
恭喜你，你已經(jīng)成功安裝了 cnpm
但是此后熏矿，我們還是使用 npm 來運(yùn)行命令
-
接下來就是重點(diǎn)了 安裝vue-cli
npm install vue-cli -g
微信截圖_20181107173918.png
如果你很幸運(yùn)已骇，那么接下來就是這樣的
微信截圖_20181107173948.png
我們成功了 - 進(jìn)入我們的項(xiàng)目目錄缆八，右鍵 Gti Bash Here
-
初始化項(xiàng)目 vue init webpack supplychain_system
微信截圖_20181107174150.png
一直回車
image.png
只有 vue-router 和 esline 選擇yes
image.png
ctrl+c結(jié)束
- 進(jìn)入 cd supplychain_system
- 執(zhí)行 npm install
-
接下來執(zhí)行 npm run dev
image.png
瀏覽器會(huì)自動(dòng)打開
image.png
