vscode 配置代码

最新推荐文章于 2025-04-24 14:57:03 发布

夜ff微凉

最新推荐文章于 2025-04-24 14:57:03 发布

阅读量352

点赞数 1

CC 4.0 BY-SA版权

文章标签： html

本文链接：https://blog.csdn.net/weixin_53414334/article/details/120280921

这篇博客详细介绍了如何配置Visual Studio Code（VSCode）的集成终端、编辑器和工作区设置，包括字体大小、自动格式化、拖放行为、代码联想等功能。此外，还展示了CSS代码样式的整理规则，如自动添加分号、空格和删除空规则集等，以提升代码的整洁性和可读性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
  "terminal.integrated.confirmOnExit": true,
  "workbench.editor.tabCloseButton": "right",
  // 控制整个 vscode 的文字大小
  "window.zoomLevel": 2,
  // 以下为编辑器配置
  "editor.fontSize": 14, // 文字大小
  "editor.tabSize": 2, // 使用 tab 缩紧的时候几个空格的位置
  "editor.dragAndDrop": false, // 控制编辑器是否允许拖动来移动内容
  "editor.detectIndentation": false, // 控制打开时候自动检测插入内容是 space 还是 tab
  "editor.quickSuggestions": {
    // 是否启用代码联想
    "other": true, // 在注释和字符串外启用联想
    "comments": true, // 注释中是否启用
    "strings": true // 字符串中是否启用
  },
  "editor.formatOnSave": true, // 编辑器保存时自动格式化
  "csscomb.preset": {
    "remove-empty-rulesets": true, // 移除空规则集
    "always-semicolon": true, // 每个样式后面添加分号
    "lines-between-rulesets": 1, // 每个规则集后面添加一个空行
    "leading-zero": false, // 为 0 的属性是否要加 px
    "unitless-zero": false, // 是否删除 0 值后面的单位
    "quotes": "single", // 单引号还是双引号
    "space-after-colon": " ", // 在属性的 : 后面空格
    "space-before-colon": "", // 在属性的 : 前面空格
    "space-after-combinator": " ", // 在子代选择器或者相邻选择器之类的符号后面加空格
    "space-before-combinator": " ", // 在子代选择器或者相邻选择器之类的符号前面加空格
    "strip-spaces": true, // 修剪尾随空格
    "vendor-prefix-align": false // 是否在属性值中对齐前缀
  },
  "window.restoreWindows": "one",
  "update.mode": "manual",
  "update.showReleaseNotes": false,
  "update.enableWindowsBackgroundUpdates": false,
  "explorer.confirmDragAndDrop": false,
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "explorer.confirmDelete": false,
  "search.followSymlinks": false
}