VS Code 设置与技巧

年中在 Apple 更新了 MacBook Pro 2019 之后,终于还是没忍住下单了 15 寸次顶配,于是手中的 MacBook Pro 13-inch Early 2015 理所当然的退休了。

之前一直使用 WebStorm 作为主力 IDE,但是鉴于之前 MacBook Pro 2015 性能有所欠缺,在后期的使用中存在些长时间使用卡顿的现象,所以准备在新 MacBook Pro 2019 上使用 VS Code 来作为新的 IDE。( 当然这一块选择上也各有所爱,不必强求。)

俗话说得好,工欲善其事,必先利其器。
所以,在这总结并记录下在使用 VS Code 编辑器中的一些设置与技巧。

相关环境及版本地址:
MacOS Mojave 10.14.5 (18F132)
Visual Studio Code 1.36.1 (1.36.1)
Alfred 4 4.0.3

VS Code Screen Shot

启动项目

平时可能经常需要在以下场景下启动 VS Code:

  • 在 VS Code 中手动打开项目, File → Open
  • 在 Terminal 中启动 VS Code 打开当前项目或者指定项目
  • 在 Finder 中选中项目文件夹,启动 VS Code 中打开该项目
  • 通过搜索指定项目,并启动 VS Code 打开指定项目

手动打开

最基础也是最简单的打开方式。( 但是个人觉得有点麻烦,操作步骤有点多

  • 在 VS Code 左上角 File → Open → Select Project
  • 在 VS Code 中通过快捷键 ⌘ + O → Select Project

VS Code File Open

在 Terminal 中打开项目

有时候在 Terminal 中操作时,会遇到一些可能需要打开项目的需要,所以如果能直接通过 Terminal 打开项目,就能减少手动打开的操作步骤。

// 启动 VS Code 并打开当前目录项目
$ code .

// 启动 VS Code 并打开 project-name 文件名的项目
$ code project-name

VS Code Open In Terminal

具体可以查看 VS Code 官网中相关链接: https://code.visualstudio.com/docs/editor/command-line

在 Finder 中打开项目 ()

全局搜索并打开项目 ()

To Be Continued…