使用idea创建vue项目的图文教程
更新时间：2022年08月15日 10:23:21 作者：@Java小白学习中
Vue.js是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合,下面这篇文章主要给大家介绍了关于使用idea创建vue项目的相关资料,需要的朋友可以参考下
一、安装node.js
官网下载下载地址：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插件
三、创建vue项目
此时等待加载，此后的弹框全部点击next
下图就是vue项目的目录结构，刚创建完不要着急运行项目，idea会加载全局包！！！
四、修改配置文件
（1） eslint语法规范问题报错
注释掉这一行代码【...(config.dev.useEslint ? [createLintingRule()] : []),】
五、配置idea运行的环境
出现以下页面，运行成功。
总结
到此这篇关于使用idea创建vue项目的文章就介绍到这了,更多相关idea创建vue项目内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
这篇文章主要介绍了Vue Hook 封装通用型表格,设计通用型表格组件首先,需要设计一个基础的表格组件,它接受列配置、数据和分页信息等参数,本文给大家介绍的非常详细,需要的朋友可以参考下2024-08-08
Vue实例中生命周期created和mounted的区别详解
这篇文章主要给大家介绍了关于Vue实例中生命周期created和mounted区别的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面跟着小编来一起学习学习吧。2017-08-08
在做项目的时候发现一个情况,输入框无法输入值并且表单校验失灵,所以下面这篇文章主要给大家介绍了关于el-input无法输入的问题和表单验证失败问题解决的相关资料,需要的朋友可以参考下2023-02-02
这篇文章主要为大家详细介绍了vue移动端实现手指滑动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-06-06
这篇文章主要介绍了Vue中watchEffect的追踪逻辑,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2025-04-04
下面小编就为大家分享一篇webpack配置导致字体图标无法显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
本文主要介绍了Vue实现前后端完全分离的项目实战，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
Vue使用高德地图搭建实时公交应用功能（地图 + 附近站点+线路详情 + 输入提示+换乘详情）
这篇文章主要介绍了vue中使用高德地图搭建实时公交应用（地图 + 附近站点+线路详情 + 输入提示+换乘详情），主要是让大家熟悉下高德地图在vue中的使用及vue的常用指令,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了vue组件的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
众所周知：目前可视化大屏,视频播放等常见功能都需要用到全屏,本文将使用两种技术实现全屏功能的封装,让不同技术栈的同学都可以轻松掌握,好了,让我们来实现一个既兼容性强又易于管理的全屏功能组件吧,需要的朋友可以参考下2024-08-08
最新评论