如何打造一款得心应手的 VS Code?
一款得心应手的 IDE,能够让开发者效率和幸福感得到极大的提升。
而 VS Code 这两年迅速的发展,使它俘获一大批忠实的用户。
本文,将从扩展、主题、图标等全面的介绍如何配置一款让人爽到起飞的 VS Code。
1. 主题
One-dark-pro
![](https://static001.geekbang.org/infoq/ce/ce928bc4dc79b4562e69e1e3433b07f9.png)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
我目前正在使用 One-dark-pro,这是 Atom 为 VS Code 制作的主题,目前已经被很多主流的 IDE 采用,而且备受欢迎。
除此之外,Bio Dark、Github、Cobalt 2、Cyberpunk 也非常值得推荐。
2. 图标
monokai pro
![](https://static001.geekbang.org/infoq/52/525b6b2eeb75d2afd9c2d67bb9c7656e.png)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
文件图标能够增强 VS Code 编辑器的外观。它可以帮助我们通过图标来区分不同的文件和文件夹。
我目前使用 monokai pro 图标,这是 monokai pro 主题的一部分。
3. 扩展
Gitlens
![](https://static001.geekbang.org/infoq/c2/c2ddae5c2a2846b49d2b19680405c5ab.png)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
多人开发过程中很难绕开 git,这是一款在开发过程中使用非常广泛的版本管理工具。
Gitlens 扩展允许你看到是谁?为什么?以及,什么时候?改变了哪些代码?
Settings sync
如果你不想在更换机器时重复安装扩展程序、配置 VS Code,那么这个扩展就适合你。
通过这款扩展,可以对你的设置、主题、快捷键进行同步。如果你切换设备,能够很便捷的将这些配置同步到新的设备上,避免浪费时间。
Prettier
Prettier 是一个代码格式化工具,它通过解析你的代码,用它自己的规则对你的代码进行格式化,从而使你的代码具有一致且美观的风格。
将属性值 editor.formatOnSave 设置为 "true"或将此属性添加到你的 settings.json 文件中,这样在保存时就能进行代码格式化。
Vuln Cost - Security Scanner
这个扩展可以发现开放源码包中的安全漏洞。它在代码中给出反馈,比如你正在导入的软件包包含多少个漏洞。
如果扫描器发现任何已知的漏洞,它将建议对这些漏洞进行修复。
这对你保护你代码的安全性很有帮助。
Indent-Rainbow
这个扩展将文本前面的缩进部分着色,在每一步上交替使用四种不同的颜色。
从而,可以提升代码的可读性与清晰度。
4. 快捷键
快捷键是编码过程中经常使用,且能够极大提升效率的部分,这里给大家介绍一些 VS Code 中非常有用的快捷键。
打开和关闭侧边栏
![](https://static001.geekbang.org/infoq/99/9962f32223eeb4dcd99c5c228ac9b9bf.gif)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Command + B
Windows — Ctrl + B
Ubuntu — Ctrl + B
选择单词
![](https://static001.geekbang.org/infoq/ce/ce2e7e1f4bbd42f7608f7831d6a36c07.png)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Command + D
Windows — Ctrl + D
Ubuntu — Ctrl + D
分割编辑器
![](https://static001.geekbang.org/infoq/59/593a22561afb125f465707b2d65de5e2.png)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Command + \ or 2,3,4
Windows — Shift + Alt + \ or 2,3,4
Ubuntu — Shift + Alt + \ or 2,3,4
代码折叠
折叠
Windows/Ubuntu — Ctrl + Shift + [
Mac — Command+ Option + [
展开
Windows/Ubuntu — Ctrl + Shift + ]
Mac — Command+ Option + ]
拷贝到上一行/下一行
Mac — Shift + Option + Up/Down
Windows — Shift + Alt + Up/Down
Ubuntu — Ctrl + Shift + Alt + Up/Down
代码格式化
Windows — Shift + Alt + F
Mac — Shift + Option + F
Ubuntu — Ctrl + Shift + I
快速打开文件
![](https://static001.geekbang.org/infoq/a8/a8d4d267ef5767883391fdc68ec6d514.gif)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Command + P
Windows/Ubuntu — Ctrl + P
命令控制板
![](https://static001.geekbang.org/infoq/86/8652b6faa49a98eb7ad28b3ff3c13318.jpeg?x-oss-process=image/resize,p_80/auto-orient,1)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Windows/Ubuntu: Ctrl +Shift + P
Mac: Command + Shift + P
切换标签
![](https://static001.geekbang.org/infoq/16/1608ea7dd2307ce3dc2284c892642d31.gif)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Command+1, Command+2, Command+3
Windows/Ubuntu — Ctrl+1, Ctrl+2, Ctrl+3
选中当前行
![](https://static001.geekbang.org/infoq/ca/cacf9d4f2c4ef00a9eca5b236d716d5e.png)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Command + L
Windows/Ubuntu — Ctrl + L
删除行
Mac — Command + Shift + K
Windows/Ubuntu — Ctrl + Shift + K
移动行
Mac — Option + Up/Down arrow
Windows/Ubuntu — Alt + Up/Down arrow
查找单词/短语
如果你需要从当前文件中找到
Mac — Command + F
Windows/Ubuntu — Ctrl + F
如果你需要从整个项目中找到
Mac — Command+Shift + F
Windows/Ubuntu — Ctrl+Shidt + F
查看定义
Mac — Option + F12
Windows/Ubuntu — Alt + F12
重命名
![](https://static001.geekbang.org/infoq/1b/1bd0e727e2f25c92774750bfcbc15d2b.gif)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac/Windows/Ubuntu — F2
多光标选择
![](https://static001.geekbang.org/infoq/eb/eb42b893fe94602e54e8b9580d1fb14e.gif)
编辑切换为居中
添加图片注释,不超过 140 字(可选)
Mac — Option + Click
Windows/Ubuntu — Alt + Click
重复行
Mac — Command + Shift + D
Windows/Ubuntu — Ctrl + Shift + D
5. 结语
就如开头所说的那样,VS Code 是开发人员中最常用的代码编辑器之一,它有一些惊人的功能来帮助开发人员提高编码速度。
本文介绍了我在使用 VS Code 过程中各方面的一些总结,希望能够让对 VS Code 感兴趣但尚不了解的同学有所帮助!
版权声明: 本文为 InfoQ 作者【Jackpop】的原创文章。
原文链接:【http://xie.infoq.cn/article/73dc30cd8f65c748da3156c17】。文章转载请联系作者。
评论