NPM安裝

首先下載nodejs 官網(wǎng)地址：https://nodejs.org/en/

下載完成后打開命令行（安裝過node后可以更便捷的用shift+右鍵選擇在當(dāng)前文件夾打開命令行）

命令行輸入 node -v 查看node版本 驗(yàn)證是否安裝成功

淘寶鏡像 （可選）

如果網(wǎng)速不好可以選擇使用淘寶鏡像 走的是國內(nèi)的網(wǎng) 地址如下：

cnpm --registry=http://registry.npm.taobao.org

安裝過淘寶鏡像后就可以在命令行輸入cnpm代替npmle

安裝cli腳手架構(gòu)建工具

命令行輸入 cnpm（npm） install -g vue-cli 安裝

初始化一個(gè)項(xiàng)目

vue init webpack firstVue

這個(gè)命令中 webpack是構(gòu)建工具，也就是說整個(gè)項(xiàng)目是基于webpack的。firstVue是整個(gè)項(xiàng)目文件的名稱，在這個(gè)文件中自動(dòng)生成你指定的目錄

運(yùn)行后會(huì)要求輸入項(xiàng)目名稱 地址等信息 ，可以直接回車略過

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)打開一個(gè)頁面

//如果沒有自動(dòng)打開 可以手動(dòng)輸入localhost:8080