vscode中ESlint的配置

安装ESlint
ESlint是一个代码检查工具,装好就行了,需要了解的,点击:http://eslint.cn/学习,或者自行搜索
vscode中ESlint的配置_第1张图片
安装成功后,按F1,输入:打开设置,也可以点击 VS Code 的 文件 > 首选项 > 设置 ,可以打开设置面
板。
vscode中ESlint的配置_第2张图片
或者直接这样设置

设置 -->扩展—>ESLint—>在settings.json中编辑
vscode中ESlint的配置_第3张图片
进入到settings.json后进行相应的配置
vscode中ESlint的配置_第4张图片

在现有配置中添加

{
    "eslint.alwaysShowStatus": true,
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "vue"
    ],
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "vetur.validation.template": false,
    "window.zoomLevel": 0,
    "explorer.confirmDelete": false
}

eslint.alwaysShowStatus 是否一直启用
eslint.validate 验证的文件类型
editor.codeActionsOnSave 保存代码时操作
source.fixAll.eslint 自动修正
vetur.validation.template 用于关闭vetur的模板修正,避免跟eslint的代码修正冲突。

你可能感兴趣的:(工作学习总结,笔记,vscode,vscode中ESlint配置,ESlint,ESlint配置,vscode)