我是靠谱客的博主 殷勤帅哥,最近开发中收集的这篇文章主要介绍vscode代码配置eslint规则,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

第一步 下载插件eslint

在这里插入图片描述

第二步

文件》首选项》设置
在这里插入图片描述
在这里插入图片描述

第三步 配置代码


{
    "editor.minimap.enabled": false,
    "editor.fontSize": 18,
    "workbench.colorTheme": "Visual Studio Dark",
    "typescript.disableAutomaticTypeAcquisition": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "wxml": "html"
    },
    "emmet.triggerExpansionOnTab": true,
    "javascript.updateImportsOnFileMove.enabled": "always",
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript"
    },
    "minapp-vscode.disableAutoConfig": true,
    "minapp-vscode.prettier": {
        "useTabs": false,
        "tabWidth": 2,
        "printWidth": 100,
        "singleQuote": false
    },
    "editor.formatOnSave": true, // 配置保存是否自动对齐
    "prettier.semi": true, // 是否带分号
    "prettier.singleQuote": true,
    "editor.tabSize": 2,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "[vue]": {
        "editor.defaultFormatter": "octref.vetur"
    },
    "[json]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "js/ts.implicitProjectConfig.experimentalDecorators": true,
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    }, // 是否为单引号
}

最后

以上就是殷勤帅哥为你收集整理的vscode代码配置eslint规则的全部内容,希望文章能够帮你解决vscode代码配置eslint规则所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(54)

评论列表共有 0 条评论

立即
投稿
返回
顶部