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"
  }
}

你可能感兴趣的:(前端,vscode,格式化,分号,vue)