1、首先需要安装nodeJS，并配置全局环境变量。

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

3、在setting中配置JavaScript的语言版本为6

idea怎么建vue项目不用node.js idea新建一个vue项目_html

 

  在file types的html中添加.*vue

 

idea怎么建vue项目不用node.js idea新建一个vue项目_html_02

 

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

 

 

idea怎么建vue项目不用node.js idea新建一个vue项目_html_03

 

 

 5、在IDEA中打开Terminal编辑器（Alt+F12），检查node.js和npm是否已经安装完成

 

 

idea怎么建vue项目不用node.js idea新建一个vue项目_插件库_04

 

 

6、安装vue

npm install vue

7、检查是否安装成功vue

idea怎么建vue项目不用node.js idea新建一个vue项目_html_05

 

 

全局安装 vue-cli

npm install --global-cli

9、创建一个基于 webpack 模板的新项目，my-project为项目名称，我这边是test011

vue init webpack my-project

10、这里需要进行一些配置，默认回车即可

idea怎么建vue项目不用node.js idea新建一个vue项目_html_06

 

 

 

11、进入项目安装并运行

cd my-project
npm install
npm run dev

 11、成功运行后，浏览器输入http://localhost:XXXX/可见主页

idea怎么建vue项目不用node.js idea新建一个vue项目_node.js_07

 

 

idea怎么建vue项目不用node.js idea新建一个vue项目_node.js_08