VSCode 安装ESLint并配置为保存自动格式化

程序笔记 2024年09月01日09:38

ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并避免错误。

ESLint 是完全可插拔的。每条规则都是一个插件，您可以在运行时添加更多。您还可以添加社区插件、配置和解析器来扩展 ESLint 的功能。

ESLint快速安装

要使用 ESLint，必须安装Node.js（^12.22.0、^14.17.0 或 >=16.0.0）。

运行下面的命令，进入安装向导：

npm init @eslint/config

根据项目实际情况选择就可以了，然后会根据选择的情况安装对应的包。

ESLint手动安装（不推荐）

可以执行下面的命令手动安装，参考官方文档：

https://eslint.org/docs/latest/user-guide/getting-started#manual-set-up

npm install --save-dev eslint

配置ESLint保存自动格式化

打开VSCode菜单 File>Preferences>Settings。

可以选择User或者Workspace，这里以设置Workspace为例，配置只在当前工作区生效。

我们在上面的搜索框里输入Code Actions On Save，可以看到关于ESLint的配置。

Mode 我们可以选择all或者problems。

然后我们点击Edit in settings.json, 在文件中添加如下配置：

"editor.codeActionsOnSave": {
  "source.fixAll.eslint": true
},

修改后保存就可以了。

配置没有生效的原因

检查一下是否安装了其他Code formatter插件，比如Prettier等。他们的格式化规则可能冲突。

在settings.json里检查是否配置了其他格式化插件codeActionsOnSave，如果有把其他的删掉就好了。

声明本站内容部分来源于网络，仅供参考学习交流并不代表本站观念，如无意中侵犯您的权益（包括/图片/视频/个人隐私等信息）请来信告知，本站收到信息会尽快处理并回访，联系邮箱：laodilailiao@foxmail.com

站心网

ESLint 是一种用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并..

为您推荐

基于Dapper的开源Lambda扩展,且支持分库分表自动生成实体之基础

程序笔记 2025年01月08日

LnskyDB是基于Dapper的Lambda扩展,支持按时间分库分表,也可以自定义分库分表方法.而且可以T4生成实体类免去手写实体类的烦恼.文档地址:https://liningit.github.io/LnskyDB/开源地址:https://github.com/liningit/Ln..

sourcetree安装跳过注册方法

程序笔记 2024年11月16日

SourceTree下载提取码: ni9m 需翻墙或者破解注册当前只有Win的版本，Mac自行百度很多人用git命令行不熟练，那么可以尝试使用sourcetree进行操作。然鹅~~sourcetree又一个比较严肃的问题就是，很多人不会跳过注册或者..

微软发布VS Code AI工具包，集成多模型AI能力

程序笔记 2024年11月16日

微软发布了VS Code AI工具包，增强了代码编辑器的AI功能!微软推出了VS Code AI工具包，这是一个全新的扩展，旨在将AI功能集成到Visual Studio Code中。该工具包支持多种AI模型，包括本地和远程模型，用户可以配置自..

宝塔里mysql停止了自动启用脚本

程序笔记 2024年10月19日

mysql突然停止的原因有多种，这里不列举，可以排查具体原因。如果停止后，还可以手工正常启用mysql，那可以考虑把shell脚本添加到宝塔的计划任务里，定时每隔几分钟检测一次，让mysql自动检测停止后立马启用。ps=`ps..

判断 nginx 服务是否启动,未启动自动重启 shell脚本

程序笔记 2024年10月19日

我的是宝塔面板直接上代码nginx_procnum=`ps -ef|grep "nginx"|grep -v grep|wc -l`if [ $nginx_procnum -eq 0 ]then echo "start nginx..." /etc/init.d/nginx startelse echo "no cmd" fi然后添加定时任务;每分钟..

宝塔里redis停止了自动启用脚本

程序笔记 2024年10月19日

redis突然停止的原因有多种：1、内存不足，如果Redis使用的内存超过了服务器可用内存，操作系统会自动杀死Redis进程。2、服务器的资源限制（ulimit）比较低，Redis可能会因为无法打开足够的文件描述符而停止。3、其..

.NET Core 读取配置文件方法

程序笔记 2024年10月15日

在.NET Core中使用appsettings.json配置文件。假设我们的示例配置文件是这样的{"Logging":{"LogLevel":{"Default":"Information","Microsoft":"Warning","Microsoft.Hosting.Lifetime":"Information"}},"AllowedHost..

ASP.NET Core多环境配置

程序笔记 2024年10月15日

.NET Core多环境配置，从IWebHostEnvironment 对象来看，.NET Core自带设定了3种环境，也可以自己定义环境名称。//env.IsStaging预览//env.IsDevelopment开发//env.IsProduction生产//env.IsEnvironment("环境名称")..