vscode编辑器个人性化配置,用于vue、react+eslint代码规范

vscode是编辑器setting.json配置

{
  "workbench.sideBar.location": "left",
  "editor.fontSize": 18,
  "editor.tabSize": 2,
  "editor.formatOnSave": true, //每次保存自动格式化(在vue项目中可能需要关闭掉)
  "editor.formatOnType": true,
  "editor.snippetSuggestions": "top",
  // Controls whether format on paste is on or off
  "editor.formatOnPaste": true,
  "window.zoomLevel": 1,
  "atomKeymap.promptV3Features": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "editor.multiCursorModifier": "ctrlCmd",
  "files.autoSave": "off",
  "editor.detectIndentation": false, //缩进
  "vetur.validation.template": false, //遍历时报错
  "explorer.confirmDragAndDrop": false, // 2019-1-7添加
  "editor.wordWrap": "on", //换行
  "terminal.integrated.shell.windows": "D:\\git\\Git\\bin\\bash.exe", //配置git终端
  "team.showWelcomeMessage": false, //scss报错
  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  },
  "html.format.wrapAttributes": "force-aligned",
  // 文件顶部注释
  "fileheader.customMade": {
    "Author": "renlei",
    "Date": "Do not edit", // 文件创建时间(不变)
    "LastEditors": "renlei", // 文件最后编辑者
    "LastEditTime": "Do not edit", // 文件最后编辑时间
    "Description": "" //描述
  },
  // 函数注释
  "fileheader.cursorMode": {
    "name": "handle",
    "description": "",
    "param": ":{ type }",
    "return": ""
  },
  "eslint.options": {
    "parserOptions": {
      "ecmaVersion": 6,
      "ecmaFeatures": {
        "jsx": true
      }
    }
  },
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "aspx": "html"
  },
  "emmet.triggerExpansionOnTab": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue",
    "jsx"
  ],
  "prettier.singleQuote": false,
  "prettier.semi": true,
  // "vetur.format.defaultFormatterOptions": {
  //     "wrap_attributes": "force-aligned"
  // },
  //这是大括号后不换行
  "beautify.config": {
    "brace_style": "collapse,preserve-inline"
  },
  // Set backgroundColor
  "highlight-icemode.backgroundColor": "red",
  // Set Border Color
  "highlight-icemode.borderColor": "blue",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned" // 可以换成上面任意一种value
    }
  },
  //html行内样式提示
  "editor.parameterHints": true,
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
  },
  "[css]": {
    "editor.defaultFormatter": "michelemelluso.code-beautifier"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "vsicons.dontShowNewVersionMessage": true,
  "[php]": {
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "update.mode": "none",
  "typescript.disableAutomaticTypeAcquisition": true,
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "workbench.colorTheme": "Dracula",
  "javascript.updateImportsOnFileMove.enabled": "always"
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

任磊abc

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值