VSC

1 - VS Code

 
References

2 - Shortcuts

  • 可以给已安装的任何插件配置快捷键:  文件--->首选项--->键盘快捷方式
  • 在文件中选中内容后, 点击鼠标右键, 会出现所有可用操作和对应的快捷键
  • 显示当前所有快捷键(包括插件):Ctrl + k  Ctrl + s
针对Windows系统
# 命令面板:Ctrl+Shift+P
# 侧边栏开关:ctrl + B
# 控制台开关:Ctrl + J
---------------------------------------------------
# 切换终端:Ctrl + `
# 分屏:Ctrl +  
# 分屏切换:Ctrl + 1-9
---------------------------------------------------
# 全部展开:Ctrl + K  Ctrl + J
# 全部折叠:Ctrl + K  Ctrl + 0 
# 折叠级别:Ctrl + K  Ctrl + (数字1~7对应相应级别)
# 折叠所有块注释:Ctrl + K  Ctrl + /
---------------------------------------------------
# 调节页面字体大小:Ctrl - 与 Ctrl +
# 列选择:Alt + Shift, 然后鼠标左键选择
# 列编辑:Ctrl + Alt + ↑和Ctrl + Alt + ↓移动光标进行列编辑
# 当前行上移/下移:alt + ↑ / ↓
# 删除当前行:ctrl + x
# 移到行首/行尾: home / end
---------------------------------------------------
# 快速查找指定的文件并且跳转:Ctrl + P
# 在工程中查找:Ctrl + Shift + F
# 在文件中查找:Ctrl + F
# 在文件中替换:Ctrl + H
---------------------------------------------------
# 查看定义: Alt + F12
# 查看实现: Shift + Alt + F12
# 转到定义:F12
# 转到实现: Crtl + F12
# 转到引用: Shift + F12
---------------------------------------------------
# 添加行注释: Ctrl + K  ctrl + C
# 格式化文档: Shift + Alt + F
# 格式化选定内容: Ctrl + K  ctrl + F
---------------------------------------------------
# 启动调试:F5
# 打开和停止调试断点:F9
# 单步调试:F11
---------------------------------------------------

3 - Zen Mode

禅模式:关闭所有导航栏、工具栏、标题栏、菜单栏等外部组件,将当前文件编译区域全屏,在最简化的界面下,进行沉浸式编辑。

也可以在此模式下,根据需求开启新的功能窗口。

例如, 通过快捷键(Ctrl + J)开启终端

开启禅模式
  • 快捷键:Ctrl + K Z 
  • 查看 ---》外观 ---》禅模式
  • 命令面板:Ctrl+Shift+P ---》 视图:切换禅模式
退出禅模式
  • 快捷键:Ctrl + K Z 
  • 使用快捷键Alt弹出菜单栏,查看 ---》外观 ---》取消禅模式
  • 命令面板:Ctrl+Shift+P ---》视图:切换禅模式

4 - Extensions

VSCode 的marketplace包含了数以千计的功能各异的Extensions,极大地改善了VS Code的适用性和扩展了使用范围。

4.1 Online

快捷键CTRL+SHIFT+X,或者选择扩展标签,打开扩展 ---》 输入需要安装的扩展名称 或 关键字,从索引出的 “扩展”列表中选择,根据提示安装。
 

4.2 Offline

在扩展官网上,找到打开要安装扩展的页面,点击页面中的"Download Extension",下载以.vsix结尾的文件
例如,Python

 下载对应的.vsix 文件

安装方式

  • 方式1: 扩展标签中,选择”...“,弹出扩展设置,选择”从VSIX安装“,然后重启即可

 

  • 方式2: 在存放文件的目录下执行code命令 
code --install-extension <extension-name>.vsix
  • 方式3:直接复制到对应的扩展安装目录中,然后重启,例如,Windows系统“C:Users用户名.vscodeextensions”

References

4.3 Some Extensions

Common

  • Chinese (Simplified) Language Pack for Visual Studio Code:中文界面
  • Git History    提供可视化的 Git 版本树管理,可通过命令面板或界面按钮激活
  • GitLens    增强内置Git 功能, 显示丰富的git日志,文件历史、行历史等
  • Visual Studio IntelliCode    微软官方提供的基于 AI 辅助的自动补全功能,支持 Python、TypeScript/JavaScript和Java语言
  • TabNine    强大的 AI 辅助智能补全,支持几乎所有编程语言
  • Code Spell Checker    代码拼写检查, 检查代码中的单词拼写错误并给出错误拼写单词的建议
  • Settings Sync   使用GitHub Gist同步多台计算机上的设置,代码段,主题,文件图标,启动,键绑定,工作区和扩展
  • Code Runner    万能语言运行环境, 不用搭建各种语言的开发环境,选中一段代码直接运行,非常适合学习或测试各种开发语言
  • TODO Highlight    高亮显示代码中的 TODO、FIXME 及其他注解
  • Docker    管理本地容器
  • filesize    在状态栏中显示当前文件大小,点击后还可以看到详细创建、修改时间
  • vscode-icons    文件图标,实现对各种文件类型的文件前的图标进行优化显示,,可以直接通过文件的图标快速知道文件类型
  • Rainbow Brackets    为圆括号,方括号和大括号提供彩虹色
  • Bracket Pair Colonizer 2    彩虹括号,使用彩虹色区分标注不同的括号对
  • Indent-Rainbow    用四种不同颜色交替着色文本前面的缩进
  • Log File Highlighter    日志文件高亮,主要是针对 INFO、WARN、ERROR 高亮,方便查看日志文件
  • Atuo Rename Tag    修改 html 标签,自动帮你完成头部和尾部闭合标签的同步修改
  • RegExp Preview and Editor    通过命令面板启动,在分栏页面中编辑正则表达式,并以数据流图可视化显示正则语法结构

Markdown

  • Markdown Preview Enhanced    预览与展示,以pdf文档样式的效果来显示内容,默认配置
  • Markdown Toc    生成目录,需要配置参数
  • Markdown PDF    可以简单地将编写的.md文件转换成PDF等格式的文件,设置常用配置
  • Markdownlint    语法规整和风格检查
  • Markdown Preview Github Stying    使用Github样式来渲染Markdown,朴素简洁
  • Markdown All in One    功能组合包,包含了书写Markdown需要用到的常用功能和设置(键盘快捷方式,目录,自动预览等),默认配置

PDF

  • vscode-pdf    直接打开浏览pdf格式的二进制文件

Draw.io Integration    

绘制流程图、脑图和UML图,新建扩展名为 .drawio.dio 、.drawio.svg 文件即可进入编辑

Remote Development

  • Remote - SSH:基于 SSH 的远程开发
  • Remote - Containers:基于 Docker 容器的远程开发
  • Remote - WSL:基于 Windows Subsystem for Linux(wsl) 的远程开发

5 - Tips

01 - VS 与 VS code的区别

Visual Studio
  • 集成开发环境
  • 功能完整,包括了整个软件生命周期中所需要的大部分工具,如UML工具、代码管控工具等
Visual Studio Code 
  • 免费开源、跨平台、插件化、高度可定制的轻量级代码编辑器
  • 支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性
  • 支持插件扩展,丰富的社区资源
  • 针对网页开发和云端应用开发做了优化

02 - VSCode Insiders 预览版

03 - 中文显示

Windows系统:

1. 快捷键CTRL+SHIFT+X,打开扩展 ---》 输入Chinese,点击索引出的 Chinese(Simplified)Language Pack for Visual Studio Code 来安装中文语言包扩展

2. 快捷键CTRL+SHIFT+P, 打开命令面板 ---》 Configure Display Language ---》选择相应语言, 根据提示重启VS Code

04 - 固定窗口

单击一个文件时,默认会替换之前的文件窗口
直接双击当前文件窗口的标题部分, 此时标题字体将变成正体,表示已完成窗口固定
此后新单击新文件时,不会替换之前已固定的文件窗口

05 - Markdown编辑

新建文件时,文件名后缀是.md即可,打开后将被VS Code识别为markdown文件。
VS Code默认将markdown文件渲染为HTML的预览。

06 - 浏览PDF文件

vscode-pdf 插件:直接打开浏览pdf格式的二进制文件
原文地址:https://www.cnblogs.com/anliven/p/12128023.html