在安裝了相關(guān)工具之后隙轻，我們現(xiàn)在就可以創(chuàng)建一個(gè)分模塊的vue項(xiàng)目了庞钢。
1访锻、前提約束
完成nodejs褪尝，vue-cli闹获，webpack，webpack-dev-server的安裝
http://www.reibang.com/p/eb4d9e132f62
2恼五、打開命令行昌罩，執(zhí)行以下命令
vue init webpack vue-multymodule 回車，等待幾分鐘【取決于網(wǎng)絡(luò)】
cd vue-multymodule 進(jìn)入該項(xiàng)目
cnpm install 安裝所需包灾馒，等待幾分鐘【取決于網(wǎng)絡(luò)】
cnpm run dev 啟動項(xiàng)目，等待幾分鐘【取決于網(wǎng)絡(luò)】
以下是項(xiàng)目結(jié)構(gòu)：
項(xiàng)目結(jié)構(gòu)
3遣总、在瀏覽器中輸入提示的url
http://localhost:8080
4睬罗、使用idea或者webstorm打開剛才創(chuàng)建的項(xiàng)目【注意，第一次要在開發(fā)工具中配置node路徑】旭斥，按以下圖示操作：
打開npm腳本
執(zhí)行
以上的執(zhí)行等價(jià)于在命令行中執(zhí)行 “npm run dev”容达。
5、測試垂券，在瀏覽器中輸入http://localhost:8080花盐，得到以下結(jié)果
執(zhí)行結(jié)果
以上就是創(chuàng)建一個(gè)項(xiàng)目模板，分貝在命令行和idea中啟動的過程菇爪。
