IDEA下新建Vue项目

Posted qianyou304

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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是否已经安装完成

 

 技术图片

 

 

 4、安装cnpm

npm install cnpm -g5、安装vue

cnpm install vue

6、检查是否安装成功vue

技术图片

 

 

 7、全局安装 vue-cli

npm install --global vue-cli

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

vue init webpack my-project

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

技术图片

 

 

 

10、进入项目安装并运行

cd my-project

npm install

npm run dev

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

技术图片

 

 技术图片

 

以上是关于IDEA下新建Vue项目的主要内容,如果未能解决你的问题,请参考以下文章

vue脚手架(vue-cli)老版本(2.xx版)的使用

ideavue文件不能改名字

IDEA如何运行vue项目

SpringBoot+Vue前后端分离项目的搭建及简单开发(这次保证看明白~)

idea的Maven项目,vue.js应该放哪

vue-cli新建一个项目