vue3.0如何关闭eslint校验的三种方法

这篇具有很好参考价值的文章主要介绍了vue3.0如何关闭eslint校验的三种方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言:ESLint 是一个代码检查工具,用来检查你的代码是否符合指定的规范(例如: = 的前后必须有一个空格)如果想要规范自己的代码质量最好是开启ESLint,但是我们在大多开发项目的过程中ESLint还是很影响我们的开发进度的,所以我们选择关闭ESLint。

一、在创建vue3项目时的要选择ESLint with error prevention only此选项!

1、选择Manually select feature(手动选择功能)这个选项。

vue3.0如何关闭eslint校验的三种方法

2、选择必用的babel,router,vuex,css功能不要选择(linter)这个选项,从根源上避免ESLint的出现。

vue3.0如何关闭eslint校验的三种方法

3、 选择vue3版本。

vue3.0如何关闭eslint校验的三种方法

二、通过找到并打开.eslintrc.js  文件,把  '@vue/standard'  注释,然后把重新npm run dev/serve!

1、.eslintrc.js文件在目录的位置。

vue3.0如何关闭eslint校验的三种方法

2、打开.eslintrc.js文件找到extends注释掉‘@vue/standard’。

vue3.0如何关闭eslint校验的三种方法

 三、在vue.config.js文件中加入lintOnSave: false!

1、找到vue.config.js文件加上lintOnsave:false。

module.exports = {
  lintOnSave: false
}

2、在此位置写上。 

 vue3.0如何关闭eslint校验的三种方法文章来源地址https://www.toymoban.com/news/detail-507813.html

到了这里,关于vue3.0如何关闭eslint校验的三种方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3+ts项目中eslint校验配置

    eslint中文官网:ESLint - Pluggable JavaScript linter - ESLint中文 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具,其目的是使代码风格更加一致并避免错误,合理利用可以提高代码质量。 1.安装eslint pnpm i eslint -D 2.生成eslint配置文件 npx eslint --init 3.安装vue3代码环境校

    2024年02月04日
    浏览(58)
  • 【vue3+ts项目】配置eslint校验代码工具,eslint+prettier+stylelint

    package.json中 vite后面加上 --open 回答问题如下: 使用eslint仅检查语法,还是检查语法及错误,选第二个 使用的是什么模块,选第一个 项目使用的是什么框架,选vue 项目中使用TyoeScript ,选yes 项目运行在哪,选浏览器 创建的配置类型需要什么类型的,选Javascript 需要安装这些

    2024年02月09日
    浏览(83)
  • vite 创建vue3项目,使用 Prettier 统一格式化代码,集成 ESLint、Stylelint 代码校验规范

    在团队开发中,保持代码风格的一致性和代码质量的高度,对于项目的可维护性和可读性非常重要。为了实现这一目标,我们可以使用工具来自动格式化代码并进行代码校验,在开发过程中捕获潜在的问题,并提供修复建议。 本示例中,我们将使用 Vite 来创建一个新的 Vue

    2024年04月28日
    浏览(60)
  • 【Vue3】pinia管理数据的三种方式

    💗💗💗欢迎来到我的博客,你将找到有关如何使用技术解决问题的文章,也会找到某个技术的学习路线。无论你是何种职业,我都希望我的博客对你有所帮助。最后不要忘记订阅我的博客以获取最新文章,也欢迎在文章下方留下你的评论和反馈。我期待着与你分享知识、互

    2024年04月13日
    浏览(38)
  • Vue3-04-reactive() 响应式失效的三种情况

    属性作为参数案例 整个对象作为参数

    2024年02月05日
    浏览(49)
  • 【vue3】vue3的三种写法(附带provide/inject、toRefs说明、ref,reactive的区别)

    写法一(vue3的写法) toRefs定义: toRefs可以将对象(只能接收rective对象)中的属性变成响应式。 正常reactive对象数据也是响应式的,如果用toRefs解构出去会更加方便。 toRefs什么时候用? 数据量如果很多, 我们一般会用解构来简化代码, 那么在vue3 中如果使用对象的解构,

    2024年02月13日
    浏览(44)
  • ESLint如何在vue3项目中配置和使用

    目录 问题描述: 配置: 注意: 问题描述: 在用vite创建vue3项目时已经选择了添加ESLint,创建完成后使用 pnpm install命令(或者npm i)安装了项目依赖之后,ESLint在项目中需要怎样配置和使用呢? 配置: 在项目根目录中,创建一个 .eslintrc.js 文件。这将是ESLint的配置文件。 打

    2024年02月09日
    浏览(57)
  • Vue子组件调用父组件事件的三种方法

    1. 在子组件中通过this.$parent.event来调用父组件的方法,data参数可选 2. 父组件使用v-bind绑定一个变量(v-bind:变量名=\\\"值\\\"),子组件用props接收(与created同级) 3.使用 $refs 传值

    2024年02月15日
    浏览(47)
  • 用Vue的三种方法实现加减乘除运算

    js插件:vue.js 教程: 首先在工具内引入vue.js 然后在body里面创建一个div并设置id,我这里给id命名为\\\"app\\\" 在id命名为\\\"app\\\"的div内使用input标签和select标签来设置运算框 然后用 methods方法 computed方法 watch(侦听器)方法 做出3种不同的加减乘除运算 第一种computed方法: 接下来我们在

    2024年02月09日
    浏览(114)
  • opencv如何使用GPU的三种方法

    我在工作实验涉及到图像和视频处理时,通常使用opencv提供的库来做处理,虽然OpenCV是一个广泛使用的库,它提供了丰富的功能和工具。然而,有时候在处理大量图片或视频时,我们可能会面临速度受限的问题。 opencv执行图像处理,就跟我们电脑一样,打游戏CPU是来加载处理

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包