vscode 安装 eslint 插件

1、 eslint 插件的好处

在我们编写代码时，eslint 插件会自动纠正我们错误的写法。

比如，当我们编写不符合eslint规范的代码时，启动项目会报错，而且代码里会报红。

eslint 插件会自动纠正错误。比如上图中，eslint会自动增加 等号前后的空格、 冒号后面的空格 等等。

2、在 vscode 中搜索并安装 `ESLint` 插件

3、配置 ESLint 插件

如下图操作所示，

打开 setttings.json 文件中：

配置内容如下：

// ESLint 插件的配置
"editor.codeActionsOnSave": {"source.fixAll": true,
},

4、暂时关闭 eslint 校验

在项目中创建文件 vue.config.js ，添加如下代码：

module.exports = {lintOnSave: true // 暂时关闭代码格式检测
}

这样编写代码即使不符合编码规范也不会报错，需要最后 npm run lint 自动修复不符合规范的代码。

vscode 安装 eslint 插件相关推荐

踩坑：VScode 集成 eslint 插件
本文以 Vue 官方脚手架 Vue-cli 为例: 1. 创建 Vue 项目注意:Vue-cli 默认给出了 eslint 配置,一路回车即可.最后在安装模块的时候,选择直接安装!我用淘宝镜像安装时 ...
VSCode中ESLint插件修复+配置教程
文章目录 vscode+eslint插件+配置教程如果不好用排查1: 如果出现后面回车符问题排查2: 保存时好了但是一瞬间代码又回来了排查3: 右下角是否开启eslint服务排查4: 如果保 ...
【Linux】26.VScode安装、插件、快捷键等基本用法
VScode安装.插件.快捷键等基本用法部分参考http://www.cnblogs.com/bloglkl/p/5797805.html (1) 在visual studio code中插件下载M ...
go插件 vscode 报错_MacOS中 VSCode 安装 GO 插件失败问题的快速解决方法
问题重现 Installing golang.org/x/tools/cmd/guru FAILED Installing golang.org/x/tools/cmd/gorename FAILED ...
vscode安装python插件失败_vscode安装python插件
vscode创建python文件在介绍如何安装python插件之前,先来看看没有插件的情况下,是否能够在vscode中编辑和执行python文件: 1.文件 >> 新建文件,然后就会弹出 ...
VSCode 安装 C++ 插件
VSCode 安装 C++ 插件背景因为不知道什么原因,vscode 无法连接到"插件市场".所以本文介绍其它方式安装 C++ 插件. 步骤下载插件打开 vscode 官网 ...
Nuget 相关命令使用vscode安装nuget插件之后出现错误
Microsoft官方说明:dotnet nuget list source 命令 - .NET CLI | Microsoft Docs 显示所有本地缓存目录的路径 dotnet nuget loc ...
Go:VScode安装go插件踩坑记录
文章目录一.由来二. 正文 Q1:Win10设置GOPATH 后不生效 1.原因分析 2.解决方案 Q2:VSCODE安装GOLANG插件 1.原因分析 2.解决方案 GOPATH和GOROOT相 ...
VScode 安装中文插件不生效，如何解决
VScode 安装中文插件不生效,如何解决方法一: 点击 Uninstall ,重新安装,再重启vscode(如果不行执行方法二) 方法二: 在vscode中,按住ctr+shift+p,在出现的输 ...

vscode 安装 eslint 插件

1、 eslint 插件的好处

2、在 vscode 中搜索并安装 `ESLint` 插件

3、配置 ESLint 插件

4、暂时关闭 eslint 校验

vscode 安装 eslint 插件相关推荐

最新文章

热门文章

vscode 安装 eslint 插件

1、 eslint 插件 的好处

2、在 vscode 中搜索并安装 ESLint 插件

3、配置 ESLint 插件

4、暂时关闭 eslint 校验

vscode 安装 eslint 插件相关推荐

最新文章

热门文章

1、 eslint 插件的好处

2、在 vscode 中搜索并安装 `ESLint` 插件