一、準(zhǔn)備工作：
1.從node.js官網(wǎng)下載并安裝node，安裝過(guò)程很簡(jiǎn)單，一路“下一步”就可以了
2.安裝cnpm，在命令行中輸入
npm install -g cnpm --registry=http://registry.npm.taobao.org
3.安裝webpack
npm install webpack -g
4.安裝vue-cli
cnpm install vue-cli -g
二、方式一
- 從GitHub上下載項(xiàng)目，不用git的方式，如下圖，點(diǎn)擊Download ZIP , 找到下載成功的壓縮文件，再解壓到自己指定的目錄。
2.通過(guò)npm命令安裝 淘寶的鏡像及其命令 cnpm , 因?yàn)閲?guó)內(nèi)npm 安裝速度比較慢
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
3.查看cnpm版本
cnpm -v
4.假如下載的項(xiàng)目名為vue-demo，在cmd命令行中通過(guò)cd命令進(jìn)入到該文件夾，并執(zhí)行以下命令
# 安裝依賴，使用淘寶資源命令 cnpm
cnpm install
5.啟動(dòng)應(yīng)用，地址為 localhost:xxxx ，這個(gè)地址可能因下載項(xiàng)目的不同而不同，具體請(qǐng)看github上作者的介紹
cnpm run dev
三、方式二：
編譯vue工程，會(huì)增加node_modules目錄。
npm install
運(yùn)行vue，注意不是所有的都是dev，具體是什么，請(qǐng)看備注。
npm run dev
四、備注：
npm run xxx？這個(gè)xxx是什么值呢，他是腳本的名稱！定義在工程目錄下的package.json中。serve的值是： "serve": "vue-cli-service serve"，那么run后面的值就是serve！
image.png
至此，如何運(yùn)行vue項(xiàng)目就介紹完畢?。?！
