VsCode 常用扩展推荐

1

VS Code 的中文（简体）语言包

1

图标

1

Json 数据可视化

1

 TOML 语言支持

1

Markdown 快捷键等支持

1

Markdown 预览

1

Markdown 语法检查

1

此扩展安装和管理不同版本的 .NET SDK 和运行时

1

C# 的基本语言支持

1
2
3

帮助 C# 开发人员更快、更快速地编写、调试和维护其代码

ps: 此扩展依赖以上两个扩展，直接安装该扩展即可

1
2
3
4
5
6

JavaScript 语法检查工具

规则配置：
  "off" 或 0 - 关闭规则
  "warn" 或 1 - 启用并视作警告（不影响退出）
  "error" 或 2 - 启用并视作错误（触发时退出代码为 1）

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

rules:
{
  // 箭头函数的参数始终使用括号
  "arrow-parens": ["error", "always"],
  // 大括号与代码不在同一行
  "brace-style": ["error", "1tbs", { "allowSingleLine": true }],
  // 多行末尾逗号
  "comma-dangle": ["error", "always-multiline"],
  // 逗号前后的空格
  "comma-spacing": "error",
  // 缩进为2个空格，switch case的缩进为1个空格
  "indent": ["error", 2, { "SwitchCase": 1 }],
  // 在JSX中使用双引号
  "jsx-quotes": ["error", "prefer-double"],
  // 使用双引号
  "quotes": ["error", "double"],
  // 使用分号
  "semi": ["error", "always"],
  // 大括号内始终有空格
  "object-curly-spacing": ["error", "always"],
  // 对象属性引号根据需要添加
  "quote-props": ["error", "as-needed"],
  // 函数圆括号前不添加空格
  "space-before-function-paren": ["error", "never"],
  // 最大行长度为80个字符
  "max-len": ["error", { "code": 80 }]
}

1
2

正则表达式测试
在js文件中输入正则表达式按下 Ctrl+Alt+M` 即可快速测试

1

在变量上按下 Ctrl+Alt+L` 快速添加 console.log 代码

1

自动完成路径文件名

1

Vue 支持

1

启动具有静态和动态页面实时重新加载功能的开发本地服务器

1

API 客户端

1

支持 JavaScript · TypeScript · Flow · JSX · JSON · CSS · SCSS · Less · HTML · Vue · Angular HANDLEBARS · Ember · Glimmer · GraphQL · Markdown · YAML 代码格式化

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

// ps: 以下规则可在 .prettierrc.json 文件中配置,在 prettierrc 中时不能有注释
{
  // 是否始终在箭头函数的参数周围使用括号
  "arrowParens": "always",
  // 是否大括号与代码在同一行上
  "bracketSameLine": false,
  // 是否在大括号内添加空格
  "bracketSpacing": true,
  // 是否使用分号作为语句结束符
  "semi": true,
  // 是否启用实验性的三元运算符格式化
  "experimentalTernaries": false,
  // 是否使用单引号
  "singleQuote": false,
  // 在JSX中是否使用单引号
  "jsxSingleQuote": false,
  // 对象属性是否需要引号
  "quoteProps": "as-needed",
  // 是否在多行对象、数组末尾添加逗号
  "trailingComma": "all",
  // 是否将JSX元素的每个属性放在单独的行上
  "singleAttributePerLine": false,
  // HTML空白符的敏感度
  "htmlWhitespaceSensitivity": "css",
  // 是否在Vue文件中缩进脚本和样式
  "vueIndentScriptAndStyle": false,
  // 是否在Markdown文件中保留文本换行符
  "proseWrap": "preserve",
  // 是否在文件开头插入格式化的特殊字符串以启用格式化
  "insertPragma": false,
  // 每行代码的最大字符数
  "printWidth": 80,
  // 是否要求格式化的文件包含特殊的格式化字符串才会被格式化
  "requirePragma": false,
  // 制表符的宽度
  "tabWidth": 2,
  // 是否使用制表符而不是空格进行缩进
  "useTabs": false,
  // 嵌入式语言的格式化方式
  "embeddedLanguageFormatting": "auto"
}

1

AI 代码助手

1
2

Hugo 代码片段
使用时键入 h- 即可ktivai 代码片段

1
2

鼠标悬停在 partial 或 partialCached 引用上时，显示引用的部分文件的完整路径
按 F12 跳转到引用的部分文件