NPM安裝
首先下載nodejs 官網(wǎng)地址:https://nodejs.org/en/
下載完成后打開(kāi)命令行(安裝過(guò)node后可以更便捷的用shift+右鍵選擇在當(dāng)前文件夾打開(kāi)命令行)
命令行輸入 node -v 查看node版本 驗(yàn)證是否安裝成功
淘寶鏡像 (可選)
如果網(wǎng)速不好可以選擇使用淘寶鏡像 走的是國(guó)內(nèi)的網(wǎng) 地址如下:
cnpm --registry=http://registry.npm.taobao.org
安裝過(guò)淘寶鏡像后就可以在命令行輸入cnpm代替npmle
安裝cli腳手架構(gòu)建工具
命令行輸入 cnpm(npm) install -g vue-cli 安裝
初始化一個(gè)項(xiàng)目
vue init webpack firstVue
這個(gè)命令中 webpack是構(gòu)建工具很澄,也就是說(shuō)整個(gè)項(xiàng)目是基于webpack的。firstVue是整個(gè)項(xiàng)目文件的名稱,在這個(gè)文件中自動(dòng)生成你指定的目錄
運(yùn)行后會(huì)要求輸入項(xiàng)目名稱 地址等信息 甩苛,可以直接回車略過(guò)
package.json中 dependencies&&devDependencies是項(xiàng)目需要的依賴包
進(jìn)入項(xiàng)目文件夾 firstVue文件夾蹂楣。運(yùn)行命令 cnpm install 安裝所需依賴
安裝完成后再firstVue文件中會(huì)多出一個(gè)node_modules文件 這里面就是我們項(xiàng)目所需要的依賴資源
到此就可以運(yùn)行項(xiàng)目了 直接命令行輸入 npm run dev 使用webstorm的可以在左下角直接輸入npm run dev 瀏覽器會(huì)自動(dòng)打開(kāi)一個(gè)頁(yè)面
//如果沒(méi)有自動(dòng)打開(kāi) 可以手動(dòng)輸入localhost:8080