代碼規範

代碼格式化

1. 安裝vscode插件:Prettier - Code formatter
2. 格式化配置:將下列配置寫入到vscode的settings.json文件 （遵守代碼格式化）

"prettier.disableLanguages": ["vue"],
  "prettier.eslintIntegration": false,
  "prettier.tslintIntegration": false,
  "prettier.printWidth": 80,
  "prettier.tabWidth": 2,
  "prettier.semi": true, //分號
  "prettier.singleQuote": true, //單引號
  "prettier.jsxSingleQuote": false,//jsx屬性的引號
  "prettier.trailingComma": "none", //對象數組最後一項是否要尾部逗號
  "prettier.bracketSpacing": true, //對象花括號空格
  "prettier.jsxBracketSameLine": false,
  "prettier.arrowParens": "avoid", //箭頭函數參數括號

"vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      //"prettier" 規則文檔https://prettier.io/docs/en/options.html
      "printWidth": 80, //行長
      "tabWidth": 2,
      "semi": true, //分號,默認爲true
      "singleQuote": true, //單引號,
      "jsxSingleQuote": false, //
      "trailingComma": "none", //逗號
      "bracketSpacing": true, //Print spaces between brackets in object literals.
      "jsxBracketSameLine": false,
      "arrowParens": "avoid"
      // "proseWrap": "never", //<always|never|preserve>"
    },

    "js-beautify-html": {
      //"js-beautify-html" 規則文檔https://github.com/beautify-web/js-beautify
      "indent_size": 2,
      "indent_char": " ",
      "indent_with_tabs": false,
      "editorconfig": false,
      "eol": "\n",
      "end_with_newline": false,
      "indent_level": 0,
      "preserve_newlines": true,
      "max_preserve_newlines": 1,
      "space_in_paren": false,
      "space_in_empty_paren": false,
      "jslint_happy": false,
      "space_after_anon_function": false,
      "space_after_named_function": false,
      "brace_style": "collapse",
      "unindent_chained_methods": false,
      "break_chained_methods": false,
      "keep_array_indentation": false,
      "unescape_strings": false,
      "e4x": false,
      "comma_first": false,
      "operator_position": "before-newline",
      "unformatted": [], // Tags that shouldn't be formatted. Causes mis-alignment
      "wrap_line_length": 0, // Lines should wrap at next opportunity after this number of characters (0 disables)
      "wrap_attributes": "force-expand-multiline"
      // Wrap attributes to new lines [auto|force|force-aligned|force-expand-multiline] ["auto"]
    }
  },