被VS Code牢牢圈粉了!

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

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

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

1. 主题

One-dark-pro

ed626def9991b3957d153840b29cb65d.png

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

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

2. 图标

monokai pro

69f566bdb927fb2ecce8d95f70a9b406.png

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

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

3. 扩展

Gitlens

80bb82a375e143edabe73a37a3062f29.png

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

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

Settings sync

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

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

Prettier

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

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

Vuln Cost - Security Scanner

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

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

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

Indent-Rainbow

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

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

4. 快捷键

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

打开和关闭侧边栏

264cd7f2f9b82acc954731fafd169c93.gif

  • Mac — Command + B

  • Windows — Ctrl + B

  • Ubuntu — Ctrl + B

选择单词

2007107a88a144ecbe74b7235f8da075.png

  • Mac — Command + D

  • Windows — Ctrl + D

  • Ubuntu — Ctrl + D

分割编辑器

5d1308410e31136549d6ad192416107a.png

  • 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

快速打开文件

2934cd6e8a61d3fa07b6bb37841ca288.gif

  • Mac — Command + P

  • Windows/Ubuntu — Ctrl + P

命令控制板

a8976b060601e837025145ec2a138552.gif

  • Windows/Ubuntu: Ctrl +Shift + P

  • Mac: Command + Shift + P

切换标签

47475fda982b6e40c5d9ca31783fe3ca.gif

  • Mac — Command+1, Command+2, Command+3

  • Windows/Ubuntu — Ctrl+1, Ctrl+2, Ctrl+3

选中当前行

82eb2914201b5f5af8f9c08c92897ba9.png

  • 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

重命名

65564cd75d9a3f06b48382ca2f9552ca.gif

  • Mac/Windows/Ubuntu — F2

多光标选择

d338c66a72d3fe965a3ebc6cfdf61160.gif

  • Mac — Option + Click

  • Windows/Ubuntu — Alt + Click

重复行

  • Mac — Command + Shift + D

  • Windows/Ubuntu — Ctrl + Shift + D

5. 结语

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

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

END

 
 

各位伙伴们好,詹帅本帅搭建了一个个人博客和小程序,汇集各种干货和资源,也方便大家阅读,感兴趣的小伙伴请移步小程序体验一下哦!(欢迎提建议)

推荐阅读

牛逼!Python常用数据类型的基本操作(长文系列第①篇)

牛逼!Python的判断、循环和各种表达式(长文系列第②篇)

牛逼!Python函数和文件操作(长文系列第③篇)

牛逼!Python错误、异常和模块(长文系列第④篇)

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值