- 插件
Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
通过使用“Configure Display Language”命令显式设置 VS Code 显示语言,可以替代默认 UI 语言。 按下“Ctrl+Shift+P”组合键以显示“命令面板”,然后键入“display”以筛选并显示“Configure Display Language”命令。按“Enter”,然后会按区域设置显示安装的语言列表,并突出显示当前语言设置。选择另一个“语言”以切换 UI 语言。Open In Default Browser
HTML文件内右键菜单在默认浏览器内打开Auto Close Tag
自动闭合标签Auto Rename Tag
自动重命名匹配的标签
vscode内置了,setting.json内配置
{
"editor.linkedEditing": true,
}
Color Highlight
项目内颜色代码背景高亮为对应颜色Git History && Git History Diff
代码行后显示git提交记录 && git提交文件对比Path Intellisense
引用文件路径自动补全REST Client
模拟发送请求,vscode右侧显示请求结果Markdown All in One
vscode右侧预览markdown文件
- 快捷操作
ul>li*6{这是第$个li元素}
折叠 / 展开代码块
文件内所有代码块Ctrl+k+0
/Ctrl+k+j
光标所处代码块Ctrl+k+[
/Ctrl+k+]
- setting.json配置
- 彩色括号/导轨
{
"editor.bracketPairColorization.enabled": true,
"editor.guides.bracketPairs": "active",
}
- 新开窗口
vscode 的默认策略是 新窗口默认覆盖当前窗口 + 默认预览状态打开文件 ,这会造成在多文件间切换修改不便,使用双击打开不符合惯用习惯等问题。
所以我们通过newUntitledFile
持续保持新开文件一定是一个独立的新窗口,搭配enablePreview: false
取消预览模式,保证编辑模式稳定。
{
"workbench.startupEditor": "newUntitledFile",
"workbench.editor.enablePreview": false,
}
- Auto Rename Tag
{
"editor.linkedEditing": true,
}
- 函数参数提示
{
"javascript.inlayHints.parameterNames.enabled": "all",
}
- 变量类型提示
{
"javascript.inlayHints.variableTypes.enabled": true,
}