当前位置: 首页 > news >正文

【vue2第十九章】手动修改ESlint错误 和 配置自动化修改ESlint错误

目标:认识代码规范

代码规范:一套写代码的约定规则。例如:“赋值符号的左右是否需要空格”,"一句结束是否是要加;”等

为什么要使用代码规范?
在团队开发时,提高代码的可读性。

在创建项目时,我们选择的就是一套完整的代码规范,也是使用率最高的一套,如下图:
在这里插入图片描述

手动修改ESlint错误

当代码不规范时,终端窗口会直接报错,并且提示 是哪一个文件,哪一行哪一列,还有错误规则。就可以根据提示去修改。
在这里插入图片描述
如果不会修改可以使用 规范网站:javaScript Standard Style 规范说明 在这个网页中通过后面提示的规范说明去查找错误原因。
在这里插入图片描述

自动修改ESlint错误

在vscode中安装一个插件。
在这里插入图片描述

打开vscode文件配置:
在这里插入图片描述
添加以下配置项:

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

在这里插入图片描述
接下来保存代码就会自动修复错误,自动规范了。

http://www.lryc.cn/news/172851.html

相关文章:

  • 计算机网络常见面试题
  • springboot整合MeiliSearch轻量级搜索引擎
  • 禁用鼠标的侧边按键
  • 【C语言】数组和指针刷题练习
  • 2023年中国研究生数学建模竞赛D题解题思路
  • 在编译源码的环境下,搭建起Discuz!社区论坛和WordPress博客的LNMP架构
  • 腾讯面试题:无网络环境,如何部署Docker镜像?
  • 医学影像信息(PACS)系统软件源码
  • 【01】FISCOBCOS的系统环境安装
  • flutter 权限和图片权限之前的冲突
  • OpenCV(四十八):读取视频和保存视频
  • 如何在react/next.js app中的同级组件间传递数据
  • 软件需求文档、设计文档、开发文档、运维文档大全
  • 排序算法-----归并排序
  • docker 配置 gpu版pytorch环境--部署缺陷检测--Anomalib
  • 为什么定时发朋友圈会更有效呢?
  • 【跟小嘉学 PHP 程序设计】一、PHP 开发环境搭建
  • 【zookeeper】zk选举、使用与三种节点简介,以及基于redis分布式锁的缺点的讨论
  • Unity截图生成图片 图片生成器 一键生成图片
  • Matlab图像处理-区域特征
  • golang 自动生成文件头
  • Excel中的宏、VBA
  • 2023华为杯数学建模研赛思路分享——最全版本A题深度解析
  • 【校招VIP】测试方案之测试需求分析
  • 滚珠螺母的清洁方式
  • leetcode做题笔记148. 排序链表
  • 多线程学习
  • 软件测试/测试开发丨ChatGPT在测试计划中的应用策略
  • 链表oj3(Leetcode)——相交链表;环形链表
  • nginx反向代理