使用IDEA编写创建VUE项目 并取消对VUE的语法检查和校验

已于 2022-05-17 14:00:14 修改
阅读量2.5k 收藏 6
点赞数 2
分类专栏： 常用工具排坑 VUE 文章标签： intellij-idea vue.js 前端
于 2022-05-17 10:54:19 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WindNolose/article/details/124815962
版权
说明：

因为不想去安装过多的编译软件，所以前端打算直接用IDEA来编写，踩了一点小坑，做个记录
前置：已安装node.js环境
node下载地址：http://nodejs.cn/download/（一直下一步就行，这里就不做演示了）

第一步：安装插件

打开设置直接搜索
在这里插入图片描述
这里我已经安装过了，所以图标是灰色的，装好记得要重启IDEA
在这里插入图片描述
搜索功能失效可参考：IDEA2020.1的自带插件搜索功能失效
还不行就去官网下了本地安装

第二步：创建项目测试

重启之后，点击新建项目
在这里插入图片描述
可以直接创建VUE项目
在这里插入图片描述
记得名称不要包含大写，不然会报错
在这里插入图片描述
创建后，IDEA会开始下载脚手架，耐心等待一会（此处要有node的环境）
在这里插入图片描述
这个也是正常的，不要慌，继续耐心等待
在这里插入图片描述
看到这些目录结构，表示创建成功，可以愉快的写代码的
在这里插入图片描述

第三步：取消语法检查

如果从外部导入VUE项目，随便打开一个文件，会发现清一色的报错
在这里插入图片描述
在这里插入图片描述
很显然，即使能运行，这样也根本写不了代码
我们继续打开设置
在这里插入图片描述
搜索ESLint，选择Disable ESLint
在这里插入图片描述
重新打开VUE文件，终于干净了
在这里插入图片描述

NoloseWind
关注
专栏目录
12 使用Vue+Vue-router+el-menu实现菜单功能实战
xingyu_qie的专栏
04-10 8330
我们将继续维护添加Vue-router的路由数据,借助ElementUI的el-munu组件，来实现左侧菜单功能的实战，并自己实现一个el-menu组件
基于SpringBoot+SpringCloud+Vue前后端分离项目实战 --开篇
热门推荐
天罡gg的专栏
03-07 1万+
如何高效学习Java? 毕业设计项目应该怎么做？入门实战项目应该怎么做？ 做Java开发都应该学习哪些框架技术？ 我想来跟你聊聊为什么要学习此专栏？我们经常说，看一个事儿千万不要直接陷入细节里，你应该先鸟瞰其全貌，这样能够帮助你从高维度理解问题。同样，当你迷茫想努力没有方向时，最事半功倍的方法是：找人带你! 因为过来人，更懂得如何学、如何做、如何少走弯路！ 那今天就给大家带来一门专栏课程，由 天罡gg 和 经海路大白狗 两位实力大牛合力打造的一款专栏，可以让你从0到1快速拥有企业级规范的项目实战经验！
IDEA关闭esLint校验以及vue页面提示
u010312671的专栏
06-01 7680
这里写自定义目录标题esLint校验提示解决办法1.关闭eslint校验2.关闭vue页面提示3.查看效果 esLint校验提示 vue页面中烦人的esLint校验，让人头疼不已。每行的缩进多少个空格，都要进行严格的把控。实在让人受不了，如图下： 我的一个vue页面中出现了大量的vue前端校验提示，尤其是这种: ESLint提示我，本行应该缩进8个空格，但是你居然缩进了10个空格。我特么真的要炸街了。。诸如此类的提示，直接run的话页面还无法显示，实在是欺人太甚了。于是乎，我得想办法关闭它，并且关掉这些
idea中关闭vue格式检查
ct341688的博客
10-29 329
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
最新发布
Bulut0907
07-22 2237
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
IDEA新版本对某个文件关闭语法检查
灵魂摆渡
06-03 434
在弹出框中选择想要检查的级别即可。选择分析->配置当前文件分析。右键选中要规避的文件。
如何取消Idea里面的中文语法检查
mengxinluguo111的博客
09-04 4776
如何取消Idea里面的中文语法检查
Vue关闭语法检查
iiiiiaaaaa337的博客
04-25 241
【代码】Vue关闭语法检查。
IDEA(新版)关闭拼写(Typo)检查
...
06-25 742
IDEA(新版)关闭拼写(Typo)检查 设置路径:File→setting→Editor→Inspections 取消Proofreading的Typo勾选
IDEA创建vue项目
08-12
IDEA创建Vue项目的步骤如下： 1. 首先，在命令行中全局安装vue-cli工具，命令为：`npm install -g vue-cli`。这样可以确保你的电脑上有最新版本的vue-cli。 2. 打开IDEA，选择File -> New -> Project from ...
【java+vue+微信小程序项目】从零开始搭建——健身房管理平台（2）后端跨域、登录模块、springboot分层架构、IDEA修改快捷键、vue代码风格
urge的博客
12-02 725
后端跨域、登录模块、springboot分层架构、IDEA修改快捷键、vue代码风格
Vue：idea编写Vue程序
weixin_47609997的博客
07-31 3277
一、环境布置 首先安装vue插件 cdn vue.js：主要导入在我们前端页面上 <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script> 二、第一个Vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&gt.
vue-cli 4.0 关闭代码格式检测
weixin_43933027的博客
07-17 733
vueConfig.js 里面 module.exports = { lintOnSave: false, }
5分钟通过Idea 编译运行node vue 前端项目
javaDB_EAD的专栏
01-14 3916
一、Idea 安装 vue 插件 重启 Idea 二、安装node 参考： Node.js 安装配置 | 菜鸟教程 三、编译&运行前端 找到package.json文件
idea中关闭Vue项目中ESlint检查
qq_44635443的博客
11-09 5531
关闭Vue项目中ESlint检查 在使用idea编写项目时很多人有着随手按ctl+alt+L（代码格式化）的习惯，但这一习惯在写vue项目是缺不是什么好习惯了，因为这一按下去，那么满页面都是红色警告了，因此在此分享在idea中如何关闭ESlint检查 方法 file ==> settings ==> 搜索ESlint即可 如图： 将图中红框中的√去掉然后apple 即可 ...
Vue-5.编译器Idea
yueerba126的博客
08-15 885
String Manipulation一个比较实用的字符串转换工具，比如我们平时的变量命名可以一键转换驼峰等格式，还支持对字符串的各种加、解密（MD5、Base64等）操作。当我们在向github提交代码时，有一些文件不希望一并提交，这时候我们可以创建一个.gitignore文件来忽略某些文件的提交。也可以添加指定文件到.gitignore中，被忽略的文件将变成灰色。填写idea下载插件的官方地址点击ok测试成功则ok。光标对准要生成的对象，然后alt+enter。
使用IDEA开发Vue项目
Smile的博客
11-07 1万+
使用IDEA开发Vue项目 一、软件安装 1、安装Node Node官网下载，安装一直下一步 # 配置淘宝源 npm config set registry http://registry.npm.taobao.org/ 2、安装IDEA 略… 二、插件及配置 1、安装vue.js插件 IDEA plugins中搜索vue.js并安装 2、配置vue文件 3、添加右键创建.vue文件 模板格式可以自定义 <template> <div>{{msg}}</div&g
idea开发vue项目
杨叶林的专栏
03-11 383
1.安装node.js环境 打开官网下载链接:https://nodejs.org/en/download/我这里下载的是node-v6.9.2-x64.msi,如下图： 下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js 点击【Next】按钮 勾选复选框，点击【Next】按钮 修改好目录后，点击【Next】按钮 安装完后点击【Finish】按钮完成安装 npm install--globalvue-cli...
VUE项目学习笔记：关闭代码检查
一方通行的博客
12-31 9257
VUE项目关闭代码检查 进入vue项目根目录中，选择config，打开index.js，搜索Eslint，更改useEslint值为false，如下图所示：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值