vscode 中 eslint 的配置

上个博客说到了如何配置 eslint 和 editorconfig，

但是每次运行项目的时候才能知道哪段代码不符合规范，确实也有点蛋疼。

那么能不能直接在编辑器中就能看到不符合规范的代码的呢？？？

这不是废话吗，肯定是有的呀。

打开vscode ，搜索插件 eslint

安装插件

安装好了重新打开项目就能用了哦

随便打开一个文件，调整代码如下

如果不符合之前配置eslint规则的，就会出现红色波浪线，鼠标移上去会显示具体的错误。

怎么样，是不是很牛x呢。

这还不是最牛x的！

但是如果打开一个项目，发现每个文件满屏都是不符合规则的是不是很蛋疼啊。

这就需要eslint 插件更牛x 的功能了，自动修复！配置好后只需要重新保存一下文件，这个文件就能根据配置的eslint规则自动修改

打开vscode 配置文件 > 首选项 > 配置（也可以ctrl+ ,）搜索eslint ，打开配置文件

在右侧加入 eslint.autoFixOnSave: true

打开需要修复的文件， ctrl+s 保存文件，vscode会自动修复不符合eslint配置规则的文件。

拜了个拜！

转载于:https://www.cnblogs.com/zzd0916/p/10254275.html

vscode 中 eslint 的配置相关推荐

VSCode中ESLint插件修复+配置教程
文章目录 vscode+eslint插件+配置教程如果不好用排查1: 如果出现后面回车符问题排查2: 保存时好了但是一瞬间代码又回来了排查3: 右下角是否开启eslint服务排查4: 如果保 ...
vscode中setting.json配置详解
vscode中的setting.json配置文件配置详解话不多说上配置文件大家按需复制到自己的setting.json配置文件中即可 [{// 控制是否在编辑器中显示 CodeLens." ...
vscode中go插件配置
# 转自:http://www.mamicode.com/info-detail-2436665.html # https://blog.csdn.net/bing2011/article/detai ...
vscode 新版eslint自动修复_vscode自动修复eslint规范的插件及配置
在开发大型项目中,经常都是需要多人合作的.相信大家一定都非常头疼于修改别人的代码的吧,而合理的使用eslint规范可以让我们在代码review时变得轻松,也可以让我们在修改小伙伴们的代码的时候会更加清 ...
VSCode中配置git（参数设置） - 教程篇【不推荐阅读】
VSCode中git的配置 [不推荐阅读] 原因:可以通过git clone规避配置不成功问题. 具体查看相关文章:VSCode + git 代码托管[当前没有源代码管理提供程序注册](没有'+'加法 ...
VSCode配合eslint进行JavaScript质量检查
写在开始前:如有不准确的地方希望大家提出,文章可以改知识不能错. 创建一个项目这里已node项目为例 npm init 根据提示填写相关信息安装eslint npm install eslint ...
server vscode中的live_太方便了！这款神器能在浏览器中运行 VS Code，随时随地写代码...
最近看到 iPadOS 出来了,各种牛逼的操作真的很有吸引力,于是咬咬牙买了 iPad air.买来之后,当然是研究怎么提高效率了,于是就寻找.研究各种高效的软件.折腾了一段时间,各种 APP 都找得 ...
踩坑：VScode 集成 eslint 插件
本文以 Vue 官方脚手架 Vue-cli 为例: 1. 创建 Vue 项目注意:Vue-cli 默认给出了 eslint 配置,一路回车即可.最后在安装模块的时候,选择直接安装!我用淘宝镜像安装时 ...
VSCode中MarkDown图片无法显示
VSCode中MarkDown图片无法显示这是由于 VSCode 中MarkDown默认配置中只允许载入安全内容,更改设置即可. 在MarkDown文件中输入快捷键 Ctrl + Shift + P ...
Win11安装VScode详细教程、配置Anaconda与python环境
1. Anaconda与VSCode的下载与安装首先参考该教程进行 Anaconda与VSCode的基础安装:Anaconda + VSCode 最详细教程注意: 1) 上方教程中下载32位.64 ...

vscode 中 eslint 的配置

vscode 中 eslint 的配置相关推荐

最新文章

热门文章