位置:- 正文

用idea创建vue项目(idea可以编写vue吗)

编辑:rootadmin
用idea创建vue项目

目录

一、安装node.js

(1)下载安装包

(2)测试node.js是否安装成功

(3)安装vue和全局vue-cli

二、idea安装vue.js插件

三、创建vue项目

四、修改配置文件

五、配置idea运行的环境

一、安装node.js

推荐整理分享用idea创建vue项目(idea可以编写vue吗),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:idea创建vue elementui项目,idea怎么配置vue,idea新建一个vue项目,idea怎么创建vue项目,idea可以编写vue吗,如何用idea创建web项目,如何用idea创建web项目,如何用idea创建web项目,内容如对您有帮助,希望把文章链接给更多的朋友!

 官网下载下载地址:Download | Node.js

(1)下载安装包

安装过程很简单,全部next即可。

(2)测试node.js是否安装成功

在键盘按下win+R键,输入cmd回车,打开cmd窗口;

查看版本操作:node -v和npm -v

在安装目录会出现以下这样的文件夹

(3)安装vue和全局vue-cli

在cmd窗口执行这两个操作:

npm install vue   

npm install --global vue-cli

二、idea安装vue.js插件

用idea创建vue项目(idea可以编写vue吗)

三、创建vue项目

此时等待加载,此后的弹框全部点击next

 

 下图就是vue项目的目录结构,刚创建完不要着急运行项目,idea会加载全局包!!!

 

四、修改配置文件

(1) eslint语法规范问题报错

注释掉这一行代码【...(config.dev.useEslint ? [createLintingRule()] : []),】

五、配置idea运行的环境

 

出现以下页面,运行成功。

本文链接地址:https://www.jiuchutong.com/zhishi/297577.html 转载请保留说明!
下一篇链接:https://www.jiuchutong.com/zhishi/297578.html
免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络