VScode 配置记录

2022-04-01 15:54:34 浏览数 (1)

配置文件

代码语言：javascript复制
// 将设置放入此文件中以覆盖默认设置
{
  // 显示垂直标尺的列
  "editor.rulers": [],
  "editor.fontSize": 16,
  "workbench.iconTheme": "vscode-icons",
  // 允许在任何文件中设置断点
  "debug.allowBreakpointsEverywhere": true,
  // 控制概述标尺周围是否要绘制边框。
  "editor.overviewRulerBorder": false,
  "workbench.editor.tabCloseButton": "right",
  "editor.renderIndentGuides": false,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "explorer.confirmDelete": false,
  // "editor.cursorStyle": "block",
  // "editor.matchBrackets": false,
  "emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
  },
  "editor.smoothScrolling": true,
  // 控制折行方式。可以选择:
  //  - "off" (禁用折行)，
  //  - "on" (根据视区宽度折行)，
  //  - "wordWrapColumn" (在 "editor.wordWrapColumn" 处换行)
  //  - "bounded" (在视区宽度和 "editor.wordWrapColumn" 两者的较小者处换行)。
  "editor.wordWrap": "on",
  // 控制是否在搜索中跟踪符号链接。
  "search.followSymlinks": false,
  // "workbench.settings.settingsSearchTocBehavior": "show",
  "editor.cursorBlinking": "solid",
  // 保存代码时，采用代码格式化
  "editor.formatOnSave": false,
  // 保存时，自动保存成ESLint语法
  // "eslint.autoFixOnSave": true, 该方法已经废弃了。。
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
    // "source.fixAll": true
  },
  // "eslint.validate": [
  //   "javascript",
  //   "javascriptreact",
  //   {
  //     "language": "vue",
  //     "autoFix": true
  //   },
  //   {
  //     "language": "typescript",
  //     "autoFix": true
  //   },
  //   {
  //     "language": "typescriptreact",
  //     "autoFix": true
  //   }
  // ],
  // "eslint.validate": [
  //     "javascript",
  //     "javascriptvue",
  //     "typescript",
  //     {
  //         "language": "vue",
  //         "autoFix": true
  //     },
  //     {
  //         "language": "typescript",
  //         "autoFix": true
  //     }
  // ],
  // "eslint.validate": [
  //     "javascript",{
  //         "language": "vue",
  //         "autoFix": true
  //     },"html",
  //     "vue",
  //     "typeScript"
  // ],
  "editor.tabSize": 2,
  "editor.renderLineHighlight": "none",
  "editor.lineHeight": 24,
  "editor.roundedSelection": false,
  "extensions.autoUpdate": true,
  "dart.flutterSdkPath": "/Users/smalin/development/flutter",
  // 工作区只显示更改后的文件
  "workbench.editor.swipeToNavigate": true,
  "breadcrumbs.enabled": true,
  "workbench.activityBar.visible": true,
  "workbench.startupEditor": "welcomePage",
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "markdown-table-formatter.markdownGrammarScopes": [
    "markdown",
    "vue"
  ],
  "explorer.confirmDragAndDrop": false,
  "vetur.useWorkspaceDependencies": true,
  "workbench.fontAliasing": "auto",
  "workbench.colorTheme": "Dracula",
  "hediet.vscode-drawio.local-storage": "eyIuZHJhd2lvLWNvbmZpZyI6IntcImxhbmd1YWdlXCI6XCJcIixcImN1c3RvbUZvbnRzXCI6W10sXCJsaWJyYXJpZXNcIjpcImdlbmVyYWxcIixcImN1c3RvbUxpYnJhcmllc1wiOltcIkwuc2NyYXRjaHBhZFwiXSxcInBsdWdpbnNcIjpbXSxcInJlY2VudENvbG9yc1wiOltcIkYwMTgwMFwiXSxcImZvcm1hdFdpZHRoXCI6MjQwLFwiY3JlYXRlVGFyZ2V0XCI6ZmFsc2UsXCJwYWdlRm9ybWF0XCI6e1wieFwiOjAsXCJ5XCI6MCxcIndpZHRoXCI6ODUwLFwiaGVpZ2h0XCI6MTEwMH0sXCJzZWFyY2hcIjp0cnVlLFwic2hvd1N0YXJ0U2NyZWVuXCI6dHJ1ZSxcImdyaWRDb2xvclwiOlwiI2QwZDBkMFwiLFwiZGFya0dyaWRDb2xvclwiOlwiIzZlNmU2ZVwiLFwiYXV0b3NhdmVcIjp0cnVlLFwicmVzaXplSW1hZ2VzXCI6bnVsbCxcIm9wZW5Db3VudGVyXCI6MSxcInZlcnNpb25cIjoxOCxcInVuaXRcIjoxLFwiaXNSdWxlck9uXCI6ZmFsc2UsXCJ1aVwiOlwiXCJ9IiwiLnJlY2VudCI6Ilt7XCJpZFwiOlwiTFVudGl0bGVkJTIwRGlhZ3JhbS5odG1sXCIsXCJ0aXRsZVwiOlwiVW50aXRsZWQgRGlhZ3JhbS5odG1sXCIsXCJtb2RlXCI6XCJicm93c2VyXCJ9XSJ9",
  "editor.fontFamily": "Consolas Source Code Pro, Menlo, Monace",
  "cSpell.userWords": [
    "dinglin",
    "Echarts",
    "esbuild",
    "hoverable",
    "iife",
    "Popconfirm",
    "Smalin",
    "TENCENT",
    "unmount",
    "vite",
    "Vultr"
  ],
  "editor.renderControlCharacters": true,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "cssrem.rootFontSize": 100,
  "cssrem.autoRemovePrefixZero": false,
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "pathAlias.aliasMap": {
    // "@CY": "${cwd}/src/2021chunyun",
    "@": "${cwd}/src"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "explorer.compactFolders": false,
  // "editor.fontWeight": "500"
  // "vscode_custom_css.imports": [
  //   "file:///Users/smalin/touming.css",
  //   "file:///Users/smalin/touming.js",
  //   "file:///Users/smalin/synthwave84.css"
  //   ],
  //   "vscode_custom_css.policy": true
  // 
  // 关闭建议提示，主要针对于 xx.config.js 和 xx.config.ts 的配置
  "typescript.suggestionActions.enabled": false,
  "javascript.suggestionActions.enabled": false,
  "gitlens.mode.active": "zen",
  "path-intellisense.mappings": {
    "@src": "${workspaceRoot}/src"
},
"liveServer.settings.donotShowInfoMsg": true,
"[typescriptreact]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
  "editor.defaultFormatter": "vscode.typescript-language-features"
},
"editor.inlineSuggest.enabled": true,
"github.copilot.enable": {
  "*": false,
  "yaml": false,
  "plaintext": false,
  "markdown": false,
  "javascript": false
},
"leetcode.workspaceFolder": "/Users/dinglin/.leetcode",
"leetcode.defaultLanguage": "javascript",
"leetcode.endpoint": "leetcode-cn",
"[markdown]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[yaml]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[mdx]": {
  "editor.defaultFormatter": "rvest.vs-code-prettier-eslint"
}
}

#插件

  • 中文插件

#Chinese (Simplified) Language Pack for Visual Studio Code

  • 变量起名神器

#Codelf

  • 自动将px转换成rem单位

#cssrem

  • 将相同的括号换成对应的颜色

#Bracket Pair Colorizer

  • 调试器，类似谷歌开发者工具，可以在vscode中调试js代码

#Debugger for Chrome

  • ESLint 语法校验

#ESLint

  • Vetur，Vue开发者必备

#Vetur

eslint 网站 编程算法

0 人点赞