VS Code识别编辑规范，ESlint规则，VS Code保存去掉自动加分号、逗号、双引号-阿里云开发者社区

相关文章推荐

刚毅的火柴 · 原生JS添加Class类名 ...· 8 月前 ·

爱搭讪的开水瓶 · HstsBuilderExtensions. ...· 1 年前 ·

痴情的大象 · Office 的必需诊断数据 - ...· 1 年前 ·

乖乖的斑马 · 「python读取excel某一列」相关问答 ...· 1 年前 ·

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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
                        怎么去掉文章或产品介绍中的垃圾代码？怎么过滤这些垃圾代码？
                    一般从网页或从WORD中复制粘贴时，会带来一些垃圾代码，有可能会导致显示异常，例如如下样例中的灰色方框，无法直接删掉，怎么办？
小技巧：如点右键粘贴不能用，可以用粘贴快捷键：Ctrl+V
1、删掉方法如下：如下图，先点HTML图标，然后    就可以看到下面的代码了，直接删掉就行了。
                                阿里云小秘
                    操作如下图所示：
我的GitHub地址：https://github.com/heizemingjun
我的博客园地址：http://www.cnblogs.com/chenmingjun
我的蚂蚁笔记博客地址：http://blog.