一款得心应手的IDE , 能够让开发者效率和幸福感得到极大的提升 。
而VS Code这两年迅速的发展 , 使它俘获一大批忠实的用户 。
本文 , 将从扩展、主题、图标等全面的介绍如何配置一款让人爽到起飞的VS Code 。
1. 主题One-dark-pro
文章插图
编辑切换为居中
添加图片注释 , 不超过 140 字(可选)
我目前正在使用One-dark-pro , 这是Atom为VS Code制作的主题 , 目前已经被很多主流的IDE采用 , 而且备受欢迎 。
除此之外 , Bio Dark、Github、Cobalt 2、Cyberpunk也非常值得推荐 。
2. 图标monokai pro
文章插图
?
编辑切换为居中
添加图片注释 , 不超过 140 字(可选)
文件图标能够增强VS Code编辑器的外观 。它可以帮助我们通过图标来区分不同的文件和文件夹 。
我目前使用monokai pro图标 , 这是monokai pro主题的一部分 。
3. 扩展Gitlens
文章插图
?
编辑切换为居中
添加图片注释 , 不超过 140 字(可选)
多人开发过程中很难绕开git , 这是一款在开发过程中使用非常广泛的版本管理工具 。
Gitlens扩展允许你看到是谁?为什么?以及 , 什么时候?改变了哪些代码?
Settings sync
如果你不想在更换机器时重复安装扩展程序、配置VS Code , 那么这个扩展就适合你 。
通过这款扩展 , 可以对你的设置、主题、快捷键进行同步 。如果你切换设备 , 能够很便捷的将这些配置同步到新的设备上 , 避免浪费时间 。
Prettier
Prettier是一个代码格式化工具 , 它通过解析你的代码 , 用它自己的规则对你的代码进行格式化 , 从而使你的代码具有一致且美观的风格 。
将属性值editor.formatOnSave设置为 "true"或将此属性添加到你的settings.json文件中 , 这样在保存时就能进行代码格式化 。
Vuln Cost - Security Scanner
这个扩展可以发现开放源码包中的安全漏洞 。它在代码中给出反馈 , 比如你正在导入的软件包包含多少个漏洞 。
如果扫描器发现任何已知的漏洞 , 它将建议对这些漏洞进行修复 。
这对你保护你代码的安全性很有帮助 。
Indent-Rainbow
这个扩展将文本前面的缩进部分着色 , 在每一步上交替使用四种不同的颜色 。
从而 , 可以提升代码的可读性与清晰度 。
4. 快捷键快捷键是编码过程中经常使用 , 且能够极大提升效率的部分 , 这里给大家介绍一些VS Code中非常有用的快捷键 。
打开和关闭侧边栏
文章插图
?
编辑切换为居中
添加图片注释 , 不超过 140 字(可选)
- mac — Command + B
- windows — Ctrl + B
- Ubuntu — Ctrl + B
文章插图
?
编辑切换为居中
添加图片注释 , 不超过 140 字(可选)
- Mac — Command + D
- Windows — Ctrl + D
- Ubuntu — Ctrl + D
文章插图
?
编辑切换为居中
添加图片注释 , 不超过 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
推荐阅读
- 如何区分红茶与绿茶,红茶和绿茶的区别功效作用
- 大学|大学毕业生如何提高沟通表达能力?
- 如何选购热敏打印纸
- 如何挑选穿心莲
- 如何挑选虾蛄
- 如何挑选牛小排
- 如何挑选及清洗猪舌
- 如何挑选优质桃胶
- 如何挑选秀珍菇
- 如何挑选京水菜