vs code自动格式化代码_vs代码一件格式化

只需要vetur和eslint俩插件
setting.json里面添加即可

"terminal.integrated.rendererType": "dom",
  "workbench.sideBar.location": "right",
  "workbench.colorCustomizations": {
    "[Default Light+]": {
      "editor.selectionHighlightBackground": "#f5f113",
      "editor.selectionBackground": "#f5f113",
      "editor.background": "#cce8cf",
      "editorGutter.background": "#cce8cf",
      "editorCursor.foreground": "#ff0000",
      "editor.lineHighlightBorder": "#d3d3d3"
    }
  },
  "editor.tokenColorCustomizations": {
    "[Default Light+]": {
      "comments": "#519657",
      "strings": "#7e3648",
      "functions": "#1c7887",
      "keywords": "#a207fc",
      "variables": "#0720fc",
      "numbers": "#e21d1d",
      "textMateRules": [
        {
          "name": "Operator",
          "scope": "keyword.operator",
          "settings": {
            "foreground": "#e21d1d",
            "fontStyle": "bold"
          }
        },
        {
          "name": "Punctuation",
          "scope": "punctuation",
          "settings": {
            "foreground": "#a207fc",
            "fontStyle": "bold"
          }
        }
      ]
    }
  },
  "editor.fontWeight": "500",
  "editor.fontSize": 18,
  "workbench.colorTheme": "Default Light+",
  "editor.fontFamily": "Consolas, '微软雅黑', monospace",
  "window.zoomLevel": 0,
  "workbench.activityBarRight.visible": false,
  "workbench.iconTheme": "vscode-icons",
  "telemetry.enableUserPrivacyCollectionPrompt": false,
  // 上面是绿豆沙设置，下面是ctrl s自动对齐代码设置
  "editor.formatOnType": true,
  "eslint.options": { //指定vscode的eslint所处理的文件的后缀
    "extensions": [
      ".js",
      ".vue",
      ".ts",
      ".tsx"
    ]
  },
  "git.autofetch": true,
  "vetur.validation.template": true,
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化 
  "editor.formatOnSave": true,
  //  #让函数(名)和后面的括号之间加个空格
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // #这个按用户自身习惯选择 
  "vetur.format.defaultFormatter.html": "prettier",
  // #让vue中的js按编辑器自带的ts格式进行格式化 
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    }
  },
  "editor.suggestSelection": "first",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81