学几招 vscode 技巧

学几招 vscode 技巧

 

俗话说「磨刀不误砍柴工」，对于开发者来说，一款优秀的 IDE 或者 text editor 能有效提升工作效率。Visual Studio Code （下文中简称 vscode）因其强大的功能，较快的运行速度以及众多的扩展，在开发者中相当流行。本文就来介绍 vscode 的一些技巧，希望能给大家一些启发。

作者本人使用的 Mac 版的 vscode，一些快捷键或者操作可能跟其他平台的有所出入，大家要注意区分。

开启定制化之路

首先先熟悉两个快捷键：

• shift + cmd + p ：显示所有命令
• cmd + p ：快速打开文件

vscode 安装完成后，把 code 命令添加到 PATH 中，shift + cmd + p 打开命令搜索，输入 shell，找到 在 PATH 中安装 code 命令，确定之后，以后我们就可以从命令行直接启动了。

code . # 打开当前目录
code path # 打开某个目录

接下来就是修改默认配置。cmd + , 打开配置文件。配置是一个 JSON 文件，在配置文件中，添加你要的设置即可。

比如，这里我们把一个 tab 的缩进改成 2，终端换成 zsh，编辑器中字体换成 14px。特别的，对前端开发来讲，连字符（-）不应该作为单词的分隔符，所以也需要调整一下。

{
    "editor.fontSize": 14,
    "editor.tabSize": 2,
    "editor.wordSeparators": "`~!@#$%^&*()=+[{]}\\|;:'\",.<>/?",
    "terminal.integrated.shell.osx": "zsh"
}

常用的快捷键

一个工具要是用的熟练，首先要记住一些快捷键，减少鼠标的使用次数。完整的快捷键列表参考文档。在这里，罗列一些日常工作过程中用的多的快捷键。

对于 行 的操作：

• 重开一行࿱