1. 先去vscode官网下载对应的插件
    在这里插入图片描述
  2. 找到之后点击进去,找到对应的版本点击去下载,这里要注意一下插件是否兼容vscode版本,如果版本不匹配之后会出现“unable to install extentsion 'dbaeumer.vscode-eslint as it is not compatible”的报错信息。
    在这里插入图片描述

查看版本是否匹配的方法

  • 查看当前vscode版本
    【vscode菜单栏–>help–>about 或 vscode菜单栏–>帮助–>发行说明】
    在这里插入图片描述
  • 查看插件支持的vscode最低版本
    将下载后的文件复制一份后改成.zip后缀,打开压缩包,点击extension,再打开package.json,查看"vscode": “^1.58.0”,如果这里的版本号稍小于你当前的vscode版本号,那就说明是支持的。
    在这里插入图片描述
  1. 将下载好的dbaeumer.vscode-eslint-2.1.25.vsix文件复制到 vscode 的安装位置下 ./bin路径下,然后从侧边栏扩展–>右上角–>选择VSIX安装
    在这里插入图片描述
  2. 在侧边栏扩展找到 Eslint,点击 设置 图标,启动 Eslint 之后 重启 vscode。
    在这里插入图片描述
  3. 保存自动修复代码,打开setting.json文件,加入下面的代码就可以了!
    【vscode菜单–>文件–> 首选项–>设置–>点击右上角打开setting.json】
    在这里插入图片描述
"editor.codeActionsOnSave":{
	"source.fixAll.eslint":true
}
Logo

汇聚全球AI编程工具,助力开发者即刻编程。

更多推荐