【工具】VSCode配置指南

VSCode配置指南

一：扩展

1.1 必备扩展

• Chinese(Simplified) Language Pack for Visual Studio Code —— Microsoft
• 超越鼓励师 —— Jun Han

1.2 主题图标

• Chinolor Theme —— IwYvl
• One Dark Pro —— binaryify
• LeetCode —— 力扣 LeetCode
• Code Time —— Software

1.3 小工具

• Project Manager —— Alessandro Fragnani
• hexdump for VSCode —— slevesque
• JSON Sorter —— chen86860

1.4 开发者

• GitLens —— Eric Amodio
• Remote - WSL —— Microsoft
• Prettier —— Prettier
• Rainbow Brackets —— 2gua
• indent-rainbow —— orderwat
• Path Intellisense —— Christian Kohler
• Better Comments —— Aaron Bond
• Auto Import —— steoates
• Auto Rename Tag
• Auto Close Tag
• TODO Hightlight —— Wayou Liu
• Code Spell Checker —— Street Side Software
• compareit —— in4margaret

1.5 语言

• CSS Formatter
• HTML Preview
• Python

二：常用功能

2.1 快捷键

• ctrl+shift+p: 打开命令面板
• ctrl+p: 打开ctrl+p模式

2.1.1 窗口

• ctrl+n: 新建一个文件
• ctrl+w: 关闭当前的文件
• ctrl+tab: 在文件之间切换
• ctrl+\: 切出新的编辑器窗口
• ctrl+1, ctrl+2, ctrl+3: 在左中右三个编辑器窗口中切换
• ctrl+b: 侧边栏显示或隐藏
• ctrl+shift+e: 打开资源管理器
• ctrl+shift+d: 打开调试界面

2.1.2 行列

• shift+alt+f: 代码格式化
• ctrl+c: 复制当前行
• ctrl+v: 剪切当前行
• ctrl+enter: 向下插入一行
• ctrl+shift+enter: 向上插入一行

2.2 命令面板下可以执行的动作

• reload: 重新加载
• setting: 打开设置界面（UI/JSON）
• format: 格式化文档

2.3 常用设置项（在设置中选择）

• editor.mouseWheelZoom: 启用鼠标滚轮设置编辑器字体大小
• editor.fontLigatures: 启用连字符
• editor.formatOnSave: 保存时格式化
• editor.formatOnType: 回车时格式化
• editor.formatOnPaste: 黏贴时格式化
• files.autoSave: 自动保存文件
• files.trimTrailingWhitespace: 保存文件时自动删除末尾的空格
• files.insertFinalNewline: 保存文件时，在最后一行插入一个最终新行
• files.trimFinalNewlines: 保存文件时，删除除了最终新行之外的其他行
• files.defaultLanguage: 新建文件时指定文件类型
• debug.toolBarLocation: 设置调试条显示在左侧