VS Code识别编辑规范,ESlint规则,VS Code保存去掉自动加分号、逗号、双引号

2021/5/5 18:25:26

本文主要是介绍VS Code识别编辑规范,ESlint规则,VS Code保存去掉自动加分号、逗号、双引号,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

书写规范是非常重要的,除了统一,还要简洁。

1、VS Code识别编辑规范

在项目根目录新建.editorconfig文件,加入设置:

# editorconfig.org

root = true

[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true

2、ESlint规则

在项目根目录新建.eslintrc.json文件,加入设置:

{
  "env": {
    "browser": true,
    "es2021": true,
    "jquery": true // $不报错
  },
  "extends": [
    "standard"
  ],
  "parserOptions": {
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "rules": {
    "space-before-function-paren": ["error", {
      "anonymous": "always",
      "named": "never",
      "asyncArrow": "always"
    }]
  }
}

3、VS Code保存去掉自动加分号、逗号、双引号

在VS Code的是settings.json插入:

{
    "prettier.useEditorConfig": true,
    "prettier.jsxSingleQuote": true,
    "prettier.singleQuote": true,
    "prettier.trailingComma": "none",
    "prettier.semi": false,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.formatOnSave": false,
    "editor.codeActionsOnSave": {
        // For ESLint
        "source.fixAll.eslint": true,
        // For TSLint
        "source.fixAll.tslint": true,
        // For Stylelint
        "source.fixAll.stylelint": true
    },
    "[html]": {
        "editor.defaultFormatter": "HookyQR.beautify"
    },
    "files.exclude": {
        "node_modules": true
    },
}

希望对大家有用



这篇关于VS Code识别编辑规范,ESlint规则,VS Code保存去掉自动加分号、逗号、双引号的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程