vue-cli如果不小心安装了ESLint，但是又想不校验的时候

最新推荐文章于 2022-09-29 09:52:47 发布
原创 最新推荐文章于 2022-09-29 09:52:47 发布 · 406 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何优化Vue-CLI项目中ESLint新版导致的启动服务时间过长及频繁格式错误问题，通过排除特定文件夹的校验，有效提升开发效率。

vue-cli如果不小心安装了ESLint新版（我这里装的是"eslint": “5.15.3”），启动服务的时候修改保存代码总数要全部校验，影响启动服务的时间，而且一不小心总有很多格式上的错误。这个时候只需要把不想进行校验的文件夹添加到以下代码中
在这里插入图片描述那样这些文件夹下的文件就不会进行校验

vue-cli 3 配置eslint检查代码格式
高山景行，一尘不染
03-11 809
一个团队最好要有统一的代码格式，这里简单整理一下，仅供参考 首先，在搭建脚手架的时候的选择，推荐编辑器vscode： 配合vscode编辑器的 Prettier - Code formatter插件： 注意点： set.json文件（vscode） 2020更新 由于 vscode 版本更新，以上配置已经失效，需要改为 "editor.codeActionsOnSave":...
Vue中，如何优雅地解决 eslint 校验问题？一行代码搞定！！
最新发布
2301_76849350的博客
03-24 1403
在从 Vue2 升级到 Vue3 的过程中，很多开发者可能都会遇到一系列的兼容性问题和配置挑战，其中一个常见的困扰就是 eslint 校验报错。在 Vue2 中可能并未遇到这样的麻烦，但在 Vue3 中却时常出现类似的 eslint 校验错误，给开发带来了不少困扰。 网上虽然有很多解决方案，甚至有些极端的做法需要修改多个配置文件，但实际上，解决这个问题的办法比你想象的要简单得多。今天，我就来分享一个简单、有效的解决方案——只需要修改 vue.config.js 文件中的一行代码，就可以优雅地关闭 esli
Vue 关闭严格语法检查
gh2537477282的博客
08-21 1719
Vue 关闭严格语法检查 Vue在学习实验中，vue的语法检查会对学习过程中的一些操作产生影响，需要关闭，网上有好几种方法 ，众说纷纭，这里是在视频上看的第三中方法 一.创建vue.config.js文件 与package-lock.json 处于同级 二.写入属性 module.exports = { lintOnSave:false//关闭语法检查 } 写入vue的控制文件，代码读取会一并读取，然后以这个合并，并没有影响vue原来的代码。 ...
解决使用vue-cli搭建的项目出现的ESLint错误
高贵的程序媛
11-16 773
问题原因：Vue对语法的严格限制 找到 build 文件夹下的 wwebpack.base.conf.js，注释以下代码：
webpack构建vue项目 基础08之开发环境 eslint的使用
weixin_43845137的博客
08-15 271
webpack构建vue项目 基础08之开发环境 eslint的使用
Vue-cli3烦人的eslint
嗝~
03-06 8949
在vue-cli选择生成的时候，有一个询问是否把插件配置文件写在package.json文件里 - 如果选择了是 打开package.json 就会有以下一段代码 "eslintConfig": { "root": true, "env": { "node": true }, "extends": [ "plugin:vue/essentia.
vue-cli3 取消eslint校验代码的解决办法
11-21
在Vue.js开发环境中，`vue-cli` 是一个非常重要的工具，它提供了一套快速搭建应用的基础架构，包括自动化构建、热重载、ESLint代码检查等。`vue-cli3` 是`vue-cli` 的第三个主要版本，引入了更加模块化和可配置化的...
使用Vue-cli的时候出现的自动化格式与ESlint格式不匹配问题
pepsi77的博客
01-04 593
问题描述：在学习Vue开发的时候，每次保存vscode都会帮我自动格式化代码，但是不符合ESlint的标准，比如会在最后添加逗号，句末会添加分号，单引号会变成双引号。 网上给出的结果都是修改设置中的setting，但是只修改setting仍然不会发生改变。 解决方法： VScode里的设置不生效，是因为项目本地有.editorconfig文件，只要删除这个文件，系统自带的设置就会生效了 附：在vscode左上角的文件->首选项->设置 中 点击右上角的小笔记本图标 然后添加如下代码： //
vue-cli3 从搭建到优化的详细步骤
10-17
首先，要开始使用vue-cli3，你需要先安装Node.js，因为vue-cli3依赖Node.js环境运行。安装Node.js的推荐版本是8.11.0或更高版本。可以通过命令npm install -g @vue/cli来安装vue-cli3。安装完成后，使用命令vue --...
vue-cli3的eslint配置问题（五花八门的问题在此终结！！！）
weixin_43343144的博客
01-12 1万+
首先把需要用到的 官方文档链接放在此： eslint核心参数配置中文版：http://eslint.cn/docs/user-guide/command-line-interface 最核心的eslint规则配置（js的语法规则）：http://eslint.cn/docs/rules/  prettier的配置官方文档英文版：https://prettier.io/docs/en/opti...
Vue Admin Template关闭eslint校验，lintOnSave：false设置无效解决办法
H-rosy的博客
09-29 7909
踩了很多坑的经验总结！！！！！解决Vue Admin Template中设置lintOnSave：false无法关闭eslint校验。因为在这个模板中不仅仅需要设置lintOnSave,还需要设置node_modules中文件夹中的package.json 文件。在我这篇博文中总共分为三步，解决你的问题！！！！！！！
不小心安装了(eslint)严格模式 如何取消
who_become_gods的博客
02-25 2901
若是你不小心安装了严格模式 这个是很烧脑的 因为你多敲一个空格少敲一个都会报错 只需要在 package.json 里面删除一行代码即可 "extends": [ "plugin:vue/essential", "eslint:recommended" ], 删除掉 “eslint:recommended” "extends": [ "plugin:vue/essential" ]...
ESLint 安装
ivenqin的博客
02-26 6601
ESLint 使用 Node.js 编写，这样既可以有一个快速的运行环境的同时也便于安装。 如何安装ESLint ESLint 支持多种安装方式，可以通过 npm 来安装，也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。 首先我们要确保node和 npm 环境已经安装配置完成，Node.js下载地址：https://nodejs.org...
在VUE应用中配置ESLint(代码检查)
热门推荐
heyw的博客
09-11 4万+
eslint配置方式 注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里 配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里， 这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。  ...
webpack
榴莲不好吃的专栏
11-29 3594
output: 输出(Output) · webpack 中文文档 output.filename filename: "[name].[hash].bundle.js" filename: "[id].bundle.js" filename: "[chunkhash].bundle.js" 模板 描述 [hash] 模块标识符(module identifier)的 hash [chunkhash] chunk 内容的 hash [name] 模块名称 ..
npm install 包运行出错
德尼的博客
03-10 1万+
babel-eslint@10.0.1 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself. 在安装 babel-eslint 的时候给我来了这么一句，作为萌新的我，果断的上网搜了下，结果发现修改了 package.json 还是不行。...
如何关闭vue项目打开关闭eslint 校验
沉在水底的鱼的博客
02-27 2469
这个东西很烦缩进，空格，空白行会报错，建议关闭 修改build\webpack.base.conf.js  文件就行 第一种方式: 在我们创建一个Vue项目的时候，会有一个选择:Use ESLint to lint your code?(Y/N) 第二种方式: 在我们创建后，可以在build文件在修改 webapck.base.conf.js 文件 如下图，去掉红色部分 ...
【Vue3】eslint不使用根标签校验
kikikiuu的博客
03-19 723
vue3是支持根标签不再是一个根标签下包裹，而是可以多标签下包裹，所以eslint出现以下The template root requires exactly one element.报错信息，可以通过修改vscode的配置将之去掉 vscode文件->首选项->设置 输入eslint搜索，把对应的打钩去掉即可 ...
vue cli2 和 cli3去掉eslint 检查器的报错
superKM的博客
07-08 5785
cli2去掉eslint 检查器的报错 eslint在编写过程中及其严格，甚至单引号和双引号或者空格注释都会引起报错，导致项目无法正常运行 因此，只需要在build文件夹下，找到webpack.base.conf.js文件 将下面一行代码注释掉，即可正常编译了   cli3去掉eslint 检查器的报错 ...
Vue-cli中ESLint配置与规则修改详解
资源摘要信息:"详解vue-cli下ESlint 配置说明"一文深入探讨了在使用 Vue CLI 脚手架搭建的项目中如何配置和管理 ESLint 工具，以实现代码规范检测与质量控制。文章首先介绍了如何关闭 ESLint 的基本方法，即通过注释...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值