vue开发中一劳永逸解决eslint校验问题

已于 2022-02-19 12:40:41 修改
阅读量585 收藏
点赞数 2
文章标签： vue.js javascript 前端 前端框架
于 2022-02-19 12:39:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52372698/article/details/123016814
版权

其实原理很简单，修改底层默认配置文件即可

第一步，在项目文件根目录下新建vue.config.js文件

第二步，在该文件内直接写上这些代码保存即可

module.exports={
    lintOnSave:false
}

在vue官方文档内都是有迹可循的哦，放上传送门~配置参考 | Vue CLI (vuejs.org)https://cli.vuejs.org/zh/config/#lintonsave

 觉得有帮助的小伙伴请动动你们可爱的小指头点个赞赞吧，非常感谢~

DazzlingWen.
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-----使用eslint进行代码校验
weixin_33976072的博客
03-09 462
参考 https://www.jianshu.com/p/dc799008bc68 现在很多程序员写代码的时候都喜欢开着eslint进行代码格式校验，写习惯了还好，但是一般刚开始熟悉eslint的同学估计会被eslint的代码格式检查给逼疯的，哈哈哈。。。 今天就讲讲如何在vscode中配置eslint代码格式化 1.这里的前提是 vscode中需要安装esl...
vue用命令批量解决ESLint警告
huihuiliu_的博客
10-18 1908
在vue里使用了eslint之后，代码不规范就会报很多警告的错误，也会提示红色下划线，一个一个的改，工作量太大，这样就很让人头疼，下面讲一下怎么批量去解决这些由于eslint代码不规范引起的错误警告 步骤如下： 1、打开package.json，在script里找到 修改为：（中间插入–fix） “lint”: “eslint --fix --ext .js,.vue src test/un...
在VUE应用中配置ESLint(代码检查)
热门推荐
heyw的博客
09-11 4万+
eslint配置方式 注释配置：使用js注释来直接嵌入ESLint配置信息到一个文件里 配置文件：使用一个js文件，JSON或者YAML文件来给整个目录和它的子目录指定配置信息。这些配置可以写在一个文件名为.eslintrc.*的文件或者在package.json文件里的eslintConfig项里， 这两种方式ESLint都会自动寻找然后读取，或者你也可以在命令行里指定一个配置文件。  ...
在Vue项目中处理ESlint语法报错问题的方法
前端开发-陈善强
12-04 1385
在编译项目过程中，出现如下类似问题： 从报错的结果看，书写的代码没有符合ESlint的代码规范。 如何解决这类问题呢？ 1、创建.prettierrc配置文件 在项目根目录中，创建.prettierrc文件，".prettierrc"文件是json格式的配置文件，该文件写入代码如下： { "semi":false,//格式化去掉代码中的分号 "singleQu...
vue eslint代码校验无效
最新发布
qq_42396791的博客
01-04 570
vue eslint代码校验无效
vue项目关闭eslint校验
11-30
有了eslint的校验，可以来规范开发人员的代码，是挺好的。但是有些像缩进、空格、空白行之类的规范，在开发过程中一直报错，未免太过于苛刻了。所以，我还是会选择关闭eslint校验。 下面就介绍一下vue项目中如何...
vue-cli3 取消eslint校验代码的解决办法
11-21
在网上找了各种办法都没解决，看了下文档就解决了关闭vue-cli3.0 报错：eslint-disable-next-line to ignore the next line. 注意我这里是VUE3.0 解决方法： 找到文件vue.config.js （备注我这里是vue-cli3.0）打开...
Vue项目开发常见问题和解决方案总结
10-14
在实际开发中，开发者可能还会遇到其他如性能优化、状态管理、组件通信等问题，这些问题通常需要深入理解Vue的核心机制以及相关的最佳实践来解决。为了更好地应对这些问题，建议开发者定期查阅官方文档、参与社区...
vue+webpack中配置ESLint
10-17
在Vue.js和Webpack的开发环境中，使用ESLint是非常重要的，因为它可以帮助我们保持代码风格的一致性，减少低级错误，并促进团队之间的合作。ESLint是一个静态代码分析工具，它可以检查JavaScript代码并报告潜在的...
vue-cli5创建的vue项目，自动修复eslint错误（配置vue.config.js，无需vscode插件）
yours1998的博客
04-10 465
但是vue-cli5里内置了这个插件，你只需要在vue.config.js里配置一下就可以了。eslint-loader被弃用了！
vue-cli3.0中vue.config.js的基本配置(去除esLint提示和解决build后静态文件路径报错)
每天都记录一点点！
10-21 8642
vue-cli是开发vue项目必不可少的脚手架工具，3.0版本之前的目录结构是由config目录的，关于webpack配置的文件都放在该目录里面，而3.0版本之后做了一个大更新，webpack相关的默认配置都帮你集成到webpack的npm 包里面去了，官方提供的一种修改配置的方式就是开发者自己在项目的根目录（与src同层级的目录）下建立一个vue.config.js的文件，然后去覆...
vue项目中eslint报错的解决方法
dachengzi159的博客
11-23 864
现象 方法 在项目根目录下增加vue.config.js文件。 内容如下： // vue.config.js module.exports = { lintOnSave: false } 接着在Setting中配置如下： 点击Apply即可解决问题 或者不需要增加vue.config.js文件中的那段代码，直接修改setting配置文件也可以 注：npm版本：6.14.6 vue版本：2.6.11 ...
关于解决vue中的ESlint问题
weixin_54040952的博客
05-19 180
写项目时创建了页面，然后发现。。。。报错了？？？？？ 报错代码： 6:10 error Component name “Home” should always be multi-word vue/multi-word-component-names 解决方法： 一、卸载eslint ： npm uninstall eslint --save 二、返回项目中找package.json文件 将package.json里的"@vue/cli-plugin-eslint": "xxxx"删除 然后再运行项目，
vue.config.js配置
localhost_1314的博客
08-25 921
// vue.config.js const path = require('path'); const config = require('./src/config/server'); const DIST_PATH = path.resolve(__dirname, './dist'); const DEBUG = process.env.NODE_ENV === 'development'; module.exports = { indexPath: DEBUG ? 'index.html' :.
【解决】vue项目vscode配置eslint不生效，无法自动检测
Run_youngman的博客
05-19 6537
解决eslint配置不生效的问题。
在vue.config.js下配置别名alias
love_dzq的博客
04-07 3124
在vue.config.js下配置别名alias module.exports = { configureWebpack: { resolve: { alias: { 'assets': '@/assets', 'common': '@/common', 'components': '@/components', 'api': '@/api', 'views': '@/views', 'plugins': '@/plugins' } }
vue 插件ESLint报错解决方法（持续整理）
lgdaren的博客
03-26 1万+
{ root: true, // 当前配置为根配置，将不再从上级文件夹查找配置 parserOptions: { parser: ‘babel-eslint’, // 采用 babel-eslint 作为语法解析器 sourceType: ‘module’, // 指定来源的类型，有两种script或module ecmaVersion: 6, //指定ECMAScript支持的版本，6为ES6 }, env: { browser: true, // 设置为所需检查的代码是在浏览器环境运行的 es6
Vue项目运行中eslint问题，以及出现问题的解决方法
qq_43578935的博客
10-13 4万+
项目初次运行时，可以正常运行，但是更改东西时会报eslint错误，这是因为他规范的问题。以下是解决eslint问题的三种方法。 尝试了以下几种解决方法 第一种：降版本（开始以为版本太高，然后降低版本，发现副作用很大，基本上没啥用） npm i eslint-config-standard@14.1.1 eslint-plugin-standard -D 第二种： 1.在项目中安装npm install eslint --save-dev 2. 进入node_modules目录的bin目录下 cd ./
vue项目中配置eslint和prettier
weixin_42349568的博客
10-24 2万+
一，现象 新建vue项目后，写完代码后，希望能保存ctrl+s之后，自动格式化代码 目前只是使用vue-cli脚手架创建的项目，虽然引入了eslint，但要想在vscode中保存代码时，实现自动格式化，还需要做以下的配置。 二.安装vscode插件 ????首先要确保已经安装了 ESLlint、Vetur、Prettier 这三个插件。 1，eslint 在团队协作中，为避免低级 Bug、产出风格统一的代码，会预先制定编码规范。使用 Lint 工具和代码风格检测工具，则可以辅助编码规范执行，有效控制代码质量
vue中关闭本地eslint校验
05-13
在 Vue 项目中关闭本地 ESLint 校验可以通过以下三种方法中的任意一种来实现： 1. 在 package.json 文件中的 eslintConfig 对象中添加 "eslint-disable": true ``` "eslintConfig": { "eslint-disable": true } ``` 2. 修改项目根目录下的 .eslintrc.js 文件，将 extends 属性的值改为 "eslint:recommended"，并将 rules 属性的值设为 {}： ``` module.exports = { root: true, env: { node: true }, extends: ["eslint:recommended"], rules: {} }; ``` 3. 在 Vue 组件中添加以下注释，临时关闭 ESLint 校验： ``` <!-- eslint-disable --> <script> // your code here </script> <!-- eslint-enable --> ``` 以上三种方法都可以用来关闭本地 ESLint 校验。需要注意的是，如果你使用的是 Vue CLI 创建的项目，在开发环境中保存文件时，ESLint 会自动校验代码，并且在控制台中输出错误信息。如果你想要关闭 ESLint 校验，需要在开发环境的配置文件中进行设置。具体的做法是在项目根目录下的 vue.config.js 文件中添加以下配置： ``` module.exports = { lintOnSave: false }; ``` 这样就可以关闭开发环境中的 ESLint 校验了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值