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"
    }, // 是否为单引号
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
您可以按照以下步骤进行配置: 1. 安装 `eslint` 和 `prettier` 插件: ``` npm install eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node -D ``` 2. 在 VS Code 中打开 `settings.json` 文件,添加以下配置: ``` "editor.formatOnSave": true, "editor.tabSize": 2, "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.autoFixOnSave": true, "eslint.validate": [ "javascript", "javascriptreact", "vue", "html", "vue-html" ], "[javascript]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" } ``` 上述配置实现了在保存文件时,自动格式化代码,并按照 `prettier` 的规则进行换行。 3. 在项目根目录下添加 `.eslintrc.js` 文件,添加以下配置: ``` module.exports = { root: true, env: { node: true }, extends: [ "eslint:recommended", "plugin:node/recommended", "plugin:prettier/recommended" ], plugins: ["prettier"], rules: { "prettier/prettier": "error" } }; ``` 上述配置中,通过 `eslint:recommended` 和 `plugin:node/recommended` 启用了基本的 `eslint` 规则和 Node.js 环境的规则,通过 `plugin:prettier/recommended` 启用了 `prettier` 和 `eslint` 的规则集成,同时添加了 `prettier` 插件,并开启了 `prettier/prettier` 规则,以使 `prettier` 的规则生效。 应用以上配置后,您就可以在 VS Code 中愉快地编写 JavaScript 或 Vue 项目,并且自动格式化代码和换行。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

都挺好,刚刚好

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值