使用idea创建VUE项目

新建model的时候选择静态web项目中的VUE.js,如果没有vue.js,就需要去安装插件

使用idea创建VUE项目

插件图:

使用idea创建VUE项目

开始创建项目

使用idea创建VUE项目

一直下一步就可以了

创建完成的项目结构:

使用idea创建VUE项目

没有包含node_modules文件夹,我们需要执行npm install

 

到控制台进入对应项目文件夹执行安装命令

使用idea创建VUE项目

安装完成多出来的文件夹

使用idea创建VUE项目

现在可以来试着访问一下了,到控制台输入npm run dev

使用idea创建VUE项目

出现下图,就可以访问了,在浏览器输入下图中的地址

使用idea创建VUE项目

访问成功:

使用idea创建VUE项目