vscode 对js文件不格式化的修正方案 settings.json

修正1

 "javascript.format.enable": true, // 这里false 改true

修正2 注释掉这个地方

 // "[javascript]": {
  //   "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  // },

20211102 setting.json

{
  "pasteImage.path": "${currentFileNameWithoutExt}_Images/",
  "update.mode": "manual",
  "extensions.autoUpdate": false,
  "extensions.autoCheckUpdates": false,
  "editor.formatOnSave": true, // 这个保存时候进行格式化
  "editor.codeActionsOnSave": {
    // 保存时候 eslint修复
    "source.fixAll.eslint": true
  },
  "eslint.alwaysShowStatus": true,
  "editor.fontSize": 22,
  "editor.fontFamily": "Consolas, 'Courier New', monospace",
  "editor.fontLigatures": false,
  "editor.fontWeight": "400",
  "editor.lineHeight": 28,
  "editor.letterSpacing": 0,
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.detectIndentation": true,
  "editor.wordWrap": "off",
  "editor.renderLineHighlight": "gutter",
  "editor.roundedSelection": true,
  "editor.renderControlCharacters": true,
  "editor.renderIndentGuides": true,
  "editor.dragAndDrop": false,
  "editor.minimap.enabled": false,
  "editor.minimap.showSlider": "mouseover",
  "editor.minimap.renderCharacters": true,
  "editor.minimap.maxColumn": 200,
  "editor.quickSuggestions": {
    "strings": true
  },
  "editor.suggestSelection": "first",
  "window.titleBarStyle": "native",
  "window.menuBarVisibility": "visible",
  "window.title": "${rootName} - ${dirty}${activeEditorLong}",
  "workbench.colorTheme": "Spacegray Eighties Dark",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "welcomePage",
  "workbench.activityBar.visible": true,
  "workbench.editor.enablePreview": true,
  "workbench.editor.tabSizing": "fit",
  "workbench.editor.wrapTabs": false,
  "workbench.editor.decorations.colors": true,
  "workbench.editor.decorations.badges": true,
  "workbench.tree.renderIndentGuides": "none",
  "workbench.colorCustomizations": {
    // "statusBar.background": "#333333",
    // "statusBar.foreground": "#adadad",
    "terminal.background": "#000000",
    "terminal.foreground": "#FFFFFF"
  },
  "breadcrumbs.enabled": true,
  "breadcrumbs.symbolPath": "off",
  "explorer.openEditors.visible": 0,
  "explorer.compactFolders": false,
  "files.encoding": "utf8",
  "files.eol": "\r\n",
  "files.hotExit": "onExit",
  "files.autoSave": "off",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  //javascript
  // "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "js/ts.implicitProjectConfig.experimentalDecorators": true,
  //git
  "git.path": "D:\\Git\\bin\\git.exe",
  "git.enableSmartCommit": false,
  //terminal
  //"terminal.integrated.shell.windows": "C:\\Windows\\sysnative\\cmd.exe",
  //"terminal.integrated.shell.windows": "D:\\Git\\git-bash.exe",
  "terminal.explorerKind": "integrated",
  //eslint
  "eslint.format.enable": false,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "typescript",
    "typescriptreact"
  ],
  //bookmarks
  // "bookmarks.saveBookmarksInProject": true,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 让函数名和后面的括号之间加个空格
  "javascript.format.insertSpaceAfterCommaDelimiter": true, // 逗号后面有空格
  "javascript.format.insertSpaceBeforeAndAfterBinaryOperators": true, // 运算符前后有空格
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBraces": true, // 大括号前面插空格
  "javascript.format.insertSpaceAfterKeywordsInControlFlowStatements": true, // 关键字后面加空格
  "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true, // 匿名函数后面加空格
  "vetur.format.options.tabSize": 2, // 每个缩进级别的空格数，由所有格式化程序继承
  "vetur.format.scriptInitialIndent": false, // js部分是否有初始缩进
  //vetur
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // - auto: 仅在超出行长度时才对属性进行换行
      // - force: 对除第一个属性外的其他每个属性进行换行
      // - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐
      // - force-expand-multiline: 对每个属性进行换行
      // - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐
      "wrap_attributes": "force-aligned", // 属性折行对齐方式
      "wrap_line_length": 120, // 设置一行多少字符换行
      "semi": false, // 是否在每行末尾添加分号
      "singleQuote": true, // 使用单引号
      "end_with_newline": false
    }
  },
  //liveServer
  "liveServer.settings.donotVerifyTags": true,
  //alias-skip
  "alias-skip.mappings": {
    "@": "/src",
    "_c": "/src/components"
  },
  // "[vue]": {
  //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  // },
  "[markdown]": {
    "editor.minimap.enabled": true,
    "editor.wordWrap": "on",
    "editor.quickSuggestions": false,
    "editor.formatOnSave": false
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // "[javascript]": {
  //   "editor.defaultFormatter": "dbaeumer.vscode-eslint"
  // },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "scf.python3.path": "",
  "scf.python2.path": "",
  "tabnine.experimentalAutoImports": true,
  "javascript.format.enable": true, // 20211102bug 发现js格式化不起错用，这个是false 并且[javascript] 需要注释掉
  "javascript.format.insertSpaceAfterConstructor": false,
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingJsxExpressionBraces": false,
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyBrackets": false,
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingNonemptyParenthesis": false,
  "javascript.format.insertSpaceAfterOpeningAndBeforeClosingTemplateStringBraces": false,
  "javascript.format.insertSpaceAfterSemicolonInForStatements": true,
  "javascript.format.placeOpenBraceOnNewLineForControlBlocks": false,
  "javascript.format.placeOpenBraceOnNewLineForFunctions": false,
  "liveServer.settings.donotShowInfoMsg": true,
  "[typescriptreact]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "vue-helper.alias": {
    "_c": "src/components/",
    "@": "src/"
  },
  "commentTranslate.source": "Baidu",
  "commentTranslate.targetLanguage": "zh-CN",
  "easy-translator.dictionary": [
    "YouDao",
    "Bing",
    "Google",
    "Linguee"
  ],
  "vue-helper.componentPrefix": {
    "alias": "@",
    "path": "src"
  },
  "vue-helper.componentPath": [
    "./*",
    "./components/*"
  ],
  "php.validate.executablePath": "D:/phpstudy_pro/Extensions/php/php5.6.9nts/php.exe",
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.validation.template": false,
  "git.confirmSync": false,
  "intelephense.diagnostics.languageConstraints": false,
  "files.exclude": {
    "**/.git": false
  },
  "files.associations": {
    "*.vue": "vue"
  }
}