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带的那些格式化工具全禁用了,否则可能会发生冲突

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

程序员最趁手的SVM算法,学完你会哭着感谢努力的自己!下篇.

支持向量机上篇内容更重要。 上篇地址:程序员最趁手的SVM算法,学完你会哭着感谢努力的自己!上篇。-CSDN博客 废话不说直接进入主题: 6核贝叶斯支持向量机 核贝叶斯支持向量机通过学习一些已知的例子,并找到一个特殊…

JSON 转为json串后出现 “$ref“

问题描述 转为JSON 串时出现 "$ref":"$.RequestParam.list[0]" $ref: fastjson数据重复的部分会用引用代替,当一个对象包含另一个对象时,fastjson就会把该对象解析成引用 “$ref”:”..” 上一级 “$ref”:”” 当前对…

资料总结分享:瀑布图,GESA,生存曲线

目录 瀑布图 GESA 生存曲线 瀑布图 肿瘤的瀑布图是一种常用的数据可视化方式,用于展示个体患者或研究样本的肿瘤基因组学数据,通常包括基因突变、基因拷贝数变异、染色体重排等信息。 颜色编码: 柱状图通常会使用颜色编码来表示不同类型…

计算机Java项目|基于springboot的社区团购系统设计

作者主页:编程指南针 作者简介:Java领域优质创作者、CSDN博客专家 、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师 主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简…

机器学习1——线性回归、误差推导

有监督——分类、回归 一、线性回归 对于一个线性方程,没办法拟合所有的数据点,但是要尽可能的覆盖尽可能多的点。 在下面的图中,x01。添加这一项的目的是:将数据矩阵补全(比如年龄是x1、工资是x2,那么x0手…

vue3中的computed

一.computed用法 computed 计算属性就是当依赖的属性的值发生变化的时候,才会触发他的更改;如果依赖的值,不发生变化的时候,使用的是缓存中的属性值。 computed 属性是 Vue3 中的一个响应式计算属性,它可以根据其他响应…

福派斯猫粮,让猫咪胃口大开!

最近,我家的猫咪换了一种新的猫粮——福派斯猫粮。福派斯猫粮是一款国产的宠粮品牌,以其专业、高品质且营养均衡的特点,逐渐在猫咪饲养圈子里赢得了良好的口碑。作为猫咪的主人,我深感欣慰,因为我知道福派斯猫粮为我家…

【Spring Boot】Spring Boot 中的 Starter

Spring Boot 中的 Starter 1.常用 Starter2.为什么要用 Starter3.Starter 有哪些要素 我们都知道,Spring 的功能非常强大,但也有些弊端。比如:我们需要手动去配置大量的参数,没有默认值,需要我们管理大量的 jar 包和它…

基于滴滴平台数据测算的城市发展环境指数数据集

01、数据简介 在数字化浪潮的推动下,城市发展的脉搏正以前所未有的方式被捕捉和解读。滴滴平台,作为城市出行领域的佼佼者,其海量的出行数据不仅记录了市民的每一次出行轨迹,更深刻反映了城市发展的内在逻辑。 滴滴城市发展指数…

基于springboot实现高校教师电子名片系统项目【项目源码+论文说明】计算机毕业设计

基于springboot实现高校教师电子名片系统演示 摘要 传统信息的管理大部分依赖于管理人员的手工登记与管理,然而,随着近些年信息技术的迅猛发展,让许多比较老套的信息管理模式进行了更新迭代,名片信息因为其管理内容繁杂&#xff…

ThreadLocal全面解析

目录 一、ThreadLocal的介绍1、简介2、基本使用3、ThreadLocal与synchronized的区别 二、ThreadLocal的内部结构1、jdk早期设计2、JDK8设计3、内存泄露 三、ThreadLocal的核心方法源码1、set方法2、get方法3、initialValue方法4、withInitial方法5、remove方法6、子类Inheritab…

vue3实战Easy云盘(一):创建项目+登录注册页面+构建框架页+上传头像/修改密码/退出登录

一、创建项目 1.创建项目 2.安装各种依赖 npm install highlightjs/vue-plugin moefe/vue-aplayer aplayer axios docx-preview dplayer element-plus highlight.js js-md5 sass sass-loader spark-md5 vue-clipboard3 vue-cookies vue-pdf-embed vue-router …

动态IP避坑指南,怎样挑选合适的动态IP?

在现今这个数字化、网络化的时代,动态IP的使用越来越广泛,无论是为了保护网络安全、提高网络访问速度,还是为了实现某些特定的网络功能,动态IP都发挥着不可或缺的作用。然而,如何挑选一个合适的动态IP,避免…

git知识总结

要知道 本地回退后,反悔了,可以恢复。前提是已经提交了,提交了就丢不了。 git reflog git reset --hard commitId 以前git push不让推,就是没有对应关系。第一次推要setxxx参数。 前奏 设置用户名和邮箱,设置错…

docker 部署SSM项目(包含打包)

一:SSM项目打包 1.这个一定要勾选防止静态资源没打包上 2.第二步 3.第三步 4.更改名字(注意部署到线上的时候这里如果用docker或者window部署的话需要带这个项目名,不然会出现找不到接口的情况) ![在这里插入图片描述](https://img-blog.csdnimg.cn/dir…

C#中数组与列表,集合等的联系

C#中,所有数组都自动继承于System.Array这个抽象类,数组都为引用类型, 所有对数组的更新都会导致源数组的元素值的篡改。 而所有集合的根都来自可枚举接口IEnumerable 数组有三种样式: 数组的Rank(秩)属…

企业微信hook接口协议,ipad协议http,同步消息记录

同步消息记录 参数名必选类型说明uuid是String每个实例的唯一标识,根据uuid操作具体企业微信limit是int每次返回大小seq是int查询下标 请求示例 {"uuid":"ecb033af-6fcd-4ec2-880e-41f070b65eaf","limit":1000, "seq":1…

访客管理系统对于校园安全的重要性

校园访客办理计划是针对校园安全需求规划的安全办理体系,主要用于对校园外来人员的科学办理。要做好校园安全作业,把风险分子拒之门外尤为要害。校园访客办理计划实现访客实名制,并结合公安网、黑名单功用,对风险人员进行提前预警…

浅析vue3自定义指令

vue3中可以像下面这样使用自定义指令。 这里我们只是定义了一个vFoucs变量,vue怎么知道这是一个指令呢? 这是因为约定大于配置,vue3中有这样一个约定(截图来自官方文档): 注意这里说的是驼峰命令&#x…

【class6】人工智能初步(选择一个合适的监督学习算法。)

【昨日内容复习】 进行监督学习时,第一个步骤是提取数据集的文本特征和对应的标签。 提取文本特征的具体步骤如下: STEP1. 构造词袋模型,提取数据集中的文本特征 STEP2. 使用toarray()函数,将X转换为一个NumPy数组,方…