VScode 使用ESlint检查代码
Posted Harris-H
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了VScode 使用ESlint检查代码相关的知识,希望对你有一定的参考价值。
VScode 使用ESlint检查代码
1.配置ESlint自动格式化代码
安装扩展:Eslint、Vetur、 Prettier - Code formatter
然后文件-首选项-配置。
打开setting.json进行配置如下:
//关闭自动保存
"files.autoSave": "off",
//关闭vscode自带代码修复,避免与ESlint冲突
"editor.formatOnSave": false,
// 启用ESlint作为格式化工具
"eslint.format.enable": true,
"eslint.run": "onType",
//配置 ESLint 检查的文件类型
"eslint.validate": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"html",
"vue"
],
//重要,让eslint显示在右下角,点击可观察插件运行是否有问题
"eslint.alwaysShowStatus": true,
//代码保存时,自动执行ESlint格式化代码
"editor.codeActionsOnSave":
"source.fixAll": true
2.常见的ESLint的错误
Identifier ‘ans_1’ is not in camel case.
要求变量名使用驼峰式。
Expected '==='
and instead saw ‘==’.
判断相等使用三个等。
Unexpected var, use let or const instead.
for循环里的i 使用let 。
Unexpected trailing comma.
行末不能有逗号。
import
INetworkEndpoint,
NetworkEndpointAPI,
IService,
UpdateServices, //这里不要逗号
Extra semicolon.
额外的分号
Strings must use singlequote.
字符串必须是单引号。
以上是关于VScode 使用ESlint检查代码的主要内容,如果未能解决你的问题,请参考以下文章
vscode新版1.31.1使用代码检查工具ESlint支持VUE
vscode代码保存时自动格式化成ESLint风格(支持VUE)
VScode开发Vue项目,关闭eslint代码检查,以及相关配置