前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >VScode 配置记录

VScode 配置记录

作者头像
离殊
发布2022-04-01 15:54:34
1K0
发布2022-04-01 15:54:34
举报
文章被收录于专栏:DingLin 随笔

配置文件

代码语言: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

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

#Bracket Pair Colorizer

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

#Debugger for Chrome

  • ESLint 语法校验

#ESLint

  • Vetur,Vue开发者必备

#Vetur

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019-01-16,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 配置文件
  • #插件
    • #Chinese (Simplified) Language Pack for Visual Studio Code
      • #Codelf
        • #cssrem
          • #Bracket Pair Colorizer
            • #Debugger for Chrome
              • #ESLint
                • #Vetur
                相关产品与服务
                云开发 CLI 工具
                云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
                领券
                问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档