简介

Visual Studio Code (以下简称 VSCode)是微软推出的一款轻量级、免费开源、跨平台的编辑器。

本文旨在分享我个人的 VSCode 使用经验,更权威的使用指南请查阅官方文档。关于 VSCode 的优缺点,与其他编辑器的比较等等,不在本文的讨论范畴。

安装

官网下载地址: Download Visual Studio Code - Mac, Linux, Windows

如果你和我一样使用 Deepin Linux,可以直接从 Deepin Store 进行安装。

界面

特色(与常见编辑器不同的地方)

标签预览模式

VSCode 中的标签和我们平常使用的软件中的标签不太一样,我开始的时候很疑惑,为什么 VSCode 打开新文件不是在新标签中打开,后来才知道是因为它默认开启了「预览模式」(Preview mode)。预览模式中的「标签名字体」显示的是 斜体单击文件 不会开启新的标签, 双击文件 或者 双击标签 就可以将文件固定了。

在设置中可以取消预览模式: workbench.editor.enablePreview

命令面板

快捷键 Ctrl+Shift+P 呼出命令面板,通过命令面板可以快速使用一些指令。

Peek Definition

这个功能,可以快速预览函数(或类)的定义内容,右键菜单中有选项,或者用快捷键 Ctrl+shift+F10

编辑相关技巧

快捷键

官方文档: Visual Studio Code Key Bindings

熟练使用快捷键可以极大的提高效率,但是不同编辑器的快捷键一般都不一样,为了减少迁移后改变习惯的代价,可以通过安装扩展解决这个问题。比如我要将 VSCode 的快捷键设定改为 Emacs 的设定,安装下面这个扩展就行了。

Emacs Friendly Keymap - Visual Studio Marketplace官方推荐的那个没有再维护了

由于 Ctrl 是一个经常需要用到的按键,不妨将 CtrlCapsLock 这两个键调换。调换之后再按 Ctrl 就舒服快捷的多。

多光标编辑 Multi cursor selection

  • 基本: Alt+Click 即,按住 Alt 键,依次单击(或者选择)需要编辑的位置,可以依次添加光标。 Alt 键可以在设置中更改。
  • 一列多光标: Shift+Alt+Down 或者 Shift+Alt+Up 可以在上下位置添加光标。
  • 依次选中相同单词: 选中一个单词,按 Ctrl+D ,可以依次选中下一个相同单词。
  • 选中所有相同单词: 选中一个单词,按 Ctrl+Shift+L ,可以一次性选中文本中 所有相同单词
  • 矩形选择: 按住 Shift+Alt ,再进行选择,则选择区域是一个矩形。
  • 括号选择: Shift+Alt+Right ,会选中匹配括号中的内容,并可以扩大选中区域。

辅助线

  1. 显示代码缩进的辅助线,设置 “editor.renderIndentGuides”: true
  2. 代码长度标尺,比如在第80列的地方显示标尺,设置 “editor.rulers”: [80]

zenmode——让编辑界面更简洁

如果你像我一样,有时候需要一边开着浏览器(或者终端等等)一边编辑文件,那么使用 zenmode 模式,则可以使 VSCode 的界面更加简洁。

小技巧:

  1. 设置 “zenMode.fullScreen”: false ,默认为全屏。
  2. 设置 “window.menuBarVisibility”: “toggle” ,这样可以在需要的时候显示目录栏。

设置的级别

官方文档: Visual Studio Code User and Workspace Settings

vscode 的设置分三个级别:

  • 默认设置(安装完成后)
  • 用户设置(用户自行修改的设定)
  • 工作区设置(团队项目下的统一设定)

优先级依次递增。即,优先采用工作区的设置,再采用用户的个人设置,最后采用默认设置。

对于团队项目,一些规范设置可以通过在项目目录下新建一个 .vscode/setting.json 文件进行配置。

一些不错的扩展

官方推荐

Bookmarks

地址: Bookmarks - Visual Studio Marketplace

为 VSCode 添加书签功能,方便跳转。

Git History

地址: Git History (git log) - Visual Studio Marketplace

非常方便的查看 Git Log,也算是必装的一个扩展了。

Path Intellisense

地址: Path Intellisense - Visual Studio Marketplace

自动补全路径以及文件名。

TODO DEBUG

本文系转载