04 使用腳手架創建vue項目並啟動

在安裝了相關工具之后，我們現在就可以創建一個分模塊的vue項目了。

1、前提約束

完成nodejs，vue-cli，webpack，webpack-dev-server的安裝
https://www.jianshu.com/p/eb4d9e132f62

2、打開命令行，執行以下命令

vue init webpack vue-multymodule   回車，等待幾分鍾【取決於網絡】
cd vue-multymodule    進入該項目
npm install    安裝所需包，等待幾分鍾【取決於網絡】
npm run dev     啟動項目，等待幾分鍾【取決於網絡】

以下是項目結構：

3、在瀏覽器中輸入提示的url

http://localhost:8080

4、使用idea或者webstorm打開剛才創建的項目【注意，第一次要在開發工具中配置node路徑】，按以下圖示操作：

以上的執行等價於在命令行中執行 “npm run dev”。

5、測試，在瀏覽器中輸入http://localhost:8080，得到以下結果

以上就是創建一個項目模板，分貝在命令行和idea中啟動的過程。