一宪彩、準備工作:
1.從node.js官網(wǎng)下載并安裝node垂寥,安裝過程很簡單,一路“下一步”就可以了
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上下載項目,不用git的方式睛蛛,如下圖鹦马,點擊Download ZIP , 找到下載成功的壓縮文件胧谈,再解壓到自己指定的目錄。
2.通過npm命令安裝 淘寶的鏡像及其命令 cnpm , 因為國內(nèi)npm 安裝速度比較慢
npm install -g cnpm --registry=[https://registry.npm.taobao.org](https://registry.npm.taobao.org)
3.查看cnpm版本
cnpm -v
4.假如下載的項目名為vue-demo荸频,在cmd命令行中通過cd命令進入到該文件夾菱肖,并執(zhí)行以下命令
# 安裝依賴,使用淘寶資源命令 cnpm
cnpm install
5.啟動應用旭从,地址為 localhost:xxxx 稳强,這個地址可能因下載項目的不同而不同,具體請看github上作者的介紹
cnpm run dev
三和悦、方式二:
編譯vue工程退疫,會增加node_modules目錄。
npm install
運行vue鸽素,注意不是所有的都是dev褒繁,具體是什么,請看備注馍忽。
npm run dev
四棒坏、備注:
npm run xxx?這個xxx是什么值呢遭笋,他是腳本的名稱俊抵!定義在工程目錄下的package.json中。serve的值是: "serve": "vue-cli-service serve"坐梯,那么run后面的值就是serve!
image.png
至此刹帕,如何運行vue項目就介紹完畢3逞!偷溺!