IDEA下新建Vue項目

1、首先需要安裝nodeJS，並配置全局環境變量。

2、在IDEA中新建一個空的project

3、在setting中配置JavaScript的語言版本為6

 

  在file types的html中添加.*vue

 

 

 4、在插件庫中添加vue.js插件

 

 

 

 

 5、在IDEA中打開Terminal編輯器（Alt+F12），檢查node.js和npm是否已經安裝完成

 

 

 

 

6、安裝vue

npm install vue

7、檢查是否安裝成功vue

 

 

 8、全局安裝 vue-cli

npm install --global vue-cli

9、創建一個基於 webpack 模板的新項目，my-project為項目名稱，我這邊是test011

vue init webpack my-project

10、這里需要進行一些配置，默認回車即可

 

 

 

11、進入項目安裝並運行

cd my-project

npm install

npm run dev

 11、成功運行后，瀏覽器輸入http://localhost:XXXX/可見主頁