vscode 用戶配置添加 分號、保存格式化、單引號、function格式

添加vscode插件

• ESLint
• Vetur
• Prettier - Code formatter

其他插件

• Git History
• Git History Diff

打開 setttings.json 設置用戶配置 你的vscode就可以用了

{
  "python.pythonPath": "/usr/bin/python2.6",
  "update.enableWindowsBackgroundUpdates": false,
  "update.showReleaseNotes": false,
  // tab 大小爲2個空格
  "editor.tabSize": 2,
  // 100 列後換行
  "editor.wordWrapColumn": 100,
  // 自動保存 關閉
  "files.autoSave": "off",
  // 保存時格式化
  "editor.formatOnSave": false,
  // 開啓 vscode 文件路徑導航
  "breadcrumbs.enabled": true,
  // prettier 設置語句末尾加分號 true 加分號 false 不加分好
  "prettier.semi": true,
  // prettier 設置強制單引號
  "prettier.singleQuote": true,
  // 選擇 vue 文件中 template 的格式化工具
  "vetur.format.defaultFormatter.html": "prettyhtml",
  // 顯示 markdown 中英文切換時產生的特殊字符
  "editor.renderControlCharacters": true,
  // 設置 eslint 保存時自動修復  和 editor.formatOnSave 選一即可 影響 function () {} 格式
  "eslint.autoFixOnSave": true,
  // eslint 檢測文件類型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  // vetur 的自定義設置
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "singleQuote": true,
      "semi": true
    }
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}