<返回更多

如何打造一款得心应手的VS Code?

2022-02-21    资源索引
加入收藏

一款得心应手的IDE,能够让开发者效率和幸福感得到极大的提升。

而VS Code这两年迅速的发展,使它俘获一大批忠实的用户。

本文,将从扩展、主题、图标等全面的介绍如何配置一款让人爽到起飞的VS Code。

1. 主题

One-dark-pro

如何打造一款得心应手的VS Code?

 

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

我目前正在使用One-dark-pro,这是Atom为VS Code制作的主题,目前已经被很多主流的IDE采用,而且备受欢迎。

除此之外,Bio Dark、Github、Cobalt 2、Cyberpunk也非常值得推荐。

2. 图标

monokai pro

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

文件图标能够增强VS Code编辑器的外观。它可以帮助我们通过图标来区分不同的文件和文件夹。

我目前使用monokai pro图标,这是monokai pro主题的一部分。

3. 扩展

Gitlens

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

多人开发过程中很难绕开git,这是一款在开发过程中使用非常广泛的版本管理工具。

Gitlens扩展允许你看到是谁?为什么?以及,什么时候?改变了哪些代码?

Settings sync

如果你不想在更换机器时重复安装扩展程序、配置VS Code,那么这个扩展就适合你。

通过这款扩展,可以对你的设置、主题、快捷键进行同步。如果你切换设备,能够很便捷的将这些配置同步到新的设备上,避免浪费时间。

Prettier

Prettier是一个代码格式化工具,它通过解析你的代码,用它自己的规则对你的代码进行格式化,从而使你的代码具有一致且美观的风格。

将属性值editor.formatOnSave设置为 "true"或将此属性添加到你的settings.json文件中,这样在保存时就能进行代码格式化。

Vuln Cost - Security Scanner

这个扩展可以发现开放源码包中的安全漏洞。它在代码中给出反馈,比如你正在导入的软件包包含多少个漏洞。

如果扫描器发现任何已知的漏洞,它将建议对这些漏洞进行修复。

这对你保护你代码的安全性很有帮助。

Indent-Rainbow

这个扩展将文本前面的缩进部分着色,在每一步上交替使用四种不同的颜色。

从而,可以提升代码的可读性与清晰度。

4. 快捷键

快捷键是编码过程中经常使用,且能够极大提升效率的部分,这里给大家介绍一些VS Code中非常有用的快捷键。

打开和关闭侧边栏

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

选择单词

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

分割编辑器

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

代码折叠

折叠

展开

拷贝到上一行/下一行

代码格式化

快速打开文件

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

命令控制板

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

切换标签

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

选中当前行

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

删除行

移动行

查找单词/短语

如果你需要从当前文件中找到

如果你需要从整个项目中找到

查看定义

重命名

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

多光标选择

如何打造一款得心应手的VS Code?

 

编辑切换为居中

添加图片注释,不超过 140 字(可选)

重复行

5. 结语

就如开头所说的那样,VS Code是开发人员中最常用的代码编辑器之一,它有一些惊人的功能来帮助开发人员提高编码速度。

本文介绍了我在使用VS Code过程中各方面的一些总结,希望能够让对VS Code感兴趣但尚不了解的同学有所帮助!

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>