lint 代码规范,手动修复,以及vscode的第三方插件eslint自动修复

ESlint代码规范

  1. 不是语法规范,是一种书写风格,加多少空格,缩进多少,加不加分号,类似于书信的写作格式

  2. ESLint:是一个代码检查工具,用来检查你的代码是否符合指定的规则(你和你的团队可以自行约定一套规则)。在创建项目时,我们使用的是 JavaScript Standard Style 代码风格的规则,目前Standard的代码风格用的比较多

  3. 建议把Standard代码规范看一遍,然后在写的时候, 遇到错误就查询解决

  4. 网址:JavaScript Standard Style

安装ESlint

创建脚手架项目的时候就选择ESlint的安装,或者后期通过命令安装

全局安装ESLint的命令为:

 npm install eslint -g

在项目本地dev环境中安装ESLint的命令为:

 npm install eslint -D

同时,为了检测.vue文件中的js,还需要安装eslint-plugin-vue插件,命令如下:

npm install eslint-plugin-vue -D

另外,如果你想检测.html文件里的js,可以安装eslint-plugin-html插件,命令为:

 npm install eslint-plugin-html -D
  • 完成上述安装后,ESLint和相关插件就已经成功安装在你的Vue项目中了

  • 你可以根据需要初始化ESLint配置,生成.eslintrc.js文件,并配置相应的规则来满足你的代码检查需求

  • 请注意,上述命令中的“-D”或“--save-dev”参数表示将ESLint和相关插件作为开发依赖项安装到项目中。如果你使用的是yarn作为包管理工具,相应的命令会有所不同

  • 同时,安装完成后,你可能还需要在项目的根目录下创建一个.eslintignore文件来指定需要忽略的文件或目录,以避免不必要的检查

  • 最后,请确保你的编辑器或IDE支持ESLint,以便在编写代码时实时获取ESLint的反馈和提示

ESlint报错描述

翻译

手动修正代码

根据错误提示来一项一项手动修正。

如果你不认识命令行中的语法报错是什么意思,你可以根据代码发生错误的规范提示去 ESLint 规则列表中查找其具体含义

打开 ESLint 规则表,使用页面搜索(Ctrl + F)这个代码,查找对该规则的一个释义

通过插件eslint自动修正

配置代码:

 // 当保存的时候,eslint自动帮我们修复错误"editor.codeActionsOnSave": {"source.fixAll": true},// 保存代码,不自动格式化"editor.formatOnSave": false

放在settings.json 文件里,步骤:

  • 注意:eslint的配置文件必须在根目录下,这个插件才能才能生效。打开项目必须以根目录打开,一次打开一个项目

  • 注意:使用了eslint校验之后,需要把vscode带的那些格式化工具全禁用了,否则可能会发生冲突

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/688936.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

探索循环购模式:消费返利与积分机制的创新融合

大家好,我是吴军,今天非常荣幸能与大家分享一种别具一格的商业模式——循环购模式。这种商业模式在近年来逐渐崭露头角,受到了广大消费者的热烈追捧。或许您之前听说过消费满额即送现金的活动,但循环购模式不仅仅局限于此&#xf…

逻辑位运算符、|、^、~(接上篇二进制十进制)

上一篇中总结了二进制与十进制的转换,下面再来总结位运算,其实就是对二进制数执行的计算 逻辑位运算符 位与(&)、位或(|)、位异或(^)、非位(~) "&"运算 用于对…

泵站远程监控

在科技日新月异的今天,智能化管理已经成为各行业提升效率、降低成本的关键手段。特别是在水利领域,泵站作为水资源调配的重要节点,其运行效率和安全稳定性直接关系到整个供水系统的稳定。HiWoo Cloud平台凭借其强大的物联网和云计算技术&…

Java 开发 框架安全:Spring 漏洞序列.(CVE-2022-22965)

什么叫 Spring 框架. Spring 框架是一个用于构建企业级应用程序的开源框架。它提供了一种全面的编程和配置模型,可以简化应用程序的开发过程。Spring 框架的核心特性包括依赖注入(Dependency Injection)、面向切面编程(Aspect-Or…

微火全域外卖团购服务,引领商家与合伙人变革行业赛道!

在当今的数字化时代,外卖业务正成为越来越多人的日常生活选择。然而,随着市场的日益饱和和竞争的加剧,传统外卖模式已经难以满足商家和消费者的多元化需求。正是在这样的背景下,全域外卖团购业务应运而生,以其独特的模…

TikTok海外运营:云手机的四种快速变现方法

随着TikTok用户基数的持续扩大,这个平台已成为全球创业者和品牌的新战场。其用户群接近20亿,并以年轻用户为主力军,市场渗透率逐年攀升。无论是大型组织、知名品牌,还是个人创业者,都无法忽视TikTok所带来的巨大商机。…

【VTKExamples::Rendering】第五期 环形阵列Rotations

很高兴在雪易的CSDN遇见你 VTK技术爱好者 QQ:870202403 公众号:VTK忠粉 前言 本文分享VTK样例环形阵列Rotations,希望对各位小伙伴有所帮助! 感谢各位小伙伴的点赞+关注,小易会继续努力分享,一起进步! 你的点赞就是我的动力(^U^)ノ~YO 1. Rotations

全线发力,多维创新 惠普升级布局家用打印市场

“印在家,赢未来”2024 惠普春季家用打印机趋势新品发布会暨合作伙伴大会在北京成功举办,这次发布会可谓是家用打印市场的一大盛事,惠普针对中国家庭用户的实际需求,精心整合并推出了全新的家用打印产品系列,旨在满足日…

Substrate 入门课第 14 期圆满结束,岗位内推直达知名 Web3 项目!

Substrate,一个完全免费且开源的框架,利用 Rust 语言的强大功能和安全性,为全球开发者提供了一个高效和灵活的开发环境。借助其模块化的设计,即使是新手开发者也能在短短 15 分钟内搭建起定制化的区块链。自 2020 年以来&#xff…

Maven- Profile详解

前言 Profile能让你为一个特殊的环境自定义一个特殊的构建&#xff1b;profile使得不同环境间构建的可移植性成为可能。 <project><profiles><profile><build><defaultGoal>...</defaultGoal><finalName>...</finalName><…

Sharding-JDBC一:MySQL主从复制搭建

MySQL主从同步 MySQL主从同步原理一主多从配置准备主服务器创建文件夹创建docker-compose-mysql.yml文件准备从服务器启动主从同步搭建3508 步骤和3507一样 启动主从同步实现主从同步停止和重置常见问题 MySQL主从同步原理 基本原理&#xff1a; slave会从master读取binlog来进…

如何在Springboot项目的Mapper中增加一个新的sql语句

在做项目的过程中&#xff0c;我发现有的时候需要用到一些不在springboot的Mapper中的Sql语句&#xff0c;那么应该如何进行操作呐&#xff1f;&#xff1f; 平常我们创建springbootmybatisPlus项目的时候是这样创建的&#xff1a;&#xff1a; 1、创建实体类 2、创建Mappe…