vs code好用吗

一款得心应手的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
  • Ubuntu — Ctrl Shift Alt Up/Down

代码格式化

  • Windows — Shift Alt F
  • Mac — Shift Option F
  • Ubuntu — Ctrl Shift I

快速打开文件

编辑切换为居中

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

  • Mac — Command P
  • Windows/Ubuntu — Ctrl P

命令控制板

编辑切换为居中

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

  • Windows/Ubuntu: Ctrl Shift P
  • Mac: Command Shift P

切换标签

编辑切换为居中

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

  • Mac — Command 1, Command 2, Command 3
  • Windows/Ubuntu — Ctrl 1, Ctrl 2, Ctrl 3

选中当前行

编辑切换为居中

添加图片注释,不超过 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

重命名

编辑切换为居中

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

  • Mac/Windows/Ubuntu — F2

多光标选择

编辑切换为居中

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

  • Mac — Option Click
  • Windows/Ubuntu — Alt Click

重复行

  • Mac — Command Shift D
  • Windows/Ubuntu — Ctrl Shift D

5. 结语

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

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

(0)

相关推荐

  • 巧用Google Code备份代码以及备份博客的方法分享

    http://code.google.com/能做什么呢?我是个程序员,我平时也自己写些小程序,我要为老板打工,在公司有一台专门给我使用的机器,我自己有台属于我自己的笔记本,不工作的时候我喜欢在我自己 ...

  • win8应用商店安装应用报Error code:0x8024001e错的解决方法

    Windows8的应用商店是我们获取最新Metro应用的比较便捷的方法之一,但是我们在下载安装应用的时候,肯定会遇到过这些问题,出现未知错误导致应用无法安装,请重试,Error code:0x8024 ...

  • NSS修改CODE详细操作教程(附图)及NSS软件下载

    更改CODE升级有风险,请机友仔细详读此教程再操作!!! 特别提示: 1. 要使用最新版本的NSS+NSU,再通过PC套件实现网上升级! 2. Win7的电脑系统可能无法安装NSS,不过有机友说在管理 ...

  • Cocos code ide 配置怎么样

    Cocos code ide 配置怎么样

  • Swift Code是什么意思

    Swift Code是什么意思? Swift Code就是“银行识别代码”的意思,也就是ISO 9362,通常也叫做Swift-BIC 或者 BIC code 或 Swift ID。 Swift co ...

  • Swift BIC和Swift Code一样吗

    Swift BIC和Swift Code一样吗 有区别吗? 从名称上看两者只是BIC和Code的区别。Swift Code就是“银行识别代码”的意思,也就是ISO 9362,通常也叫做Swift-BI ...

  • Ubuntu 15.04系统怎么安装Visual Studio Code 2015?

    不是我不明白,这世界变化快!微软面向 Linux 平台推出了 Visual Studio 2015!昔日的对头,如今正走向融合.这么喜大普奔的事,我准备挑战一下微软重量级软件在 Linux 平台上的安 ...

  • 如何使用itunes的Promo code进行软件购买?

    什么是Promo code? 怎么使用与在何处输入Promo code? 类似推广的赠送代码,通常在作者或是一些活动中有时可以取得,不需要先选择该项软件或是音乐,直接输入该 Promo code 后就 ...

  • 装系统出现error cannot load file code 5555h 的解决

    某网友在使用Ghost XP盘安装系统的时候,选择一键ghost到C盘出现下面的错误: error:cannot load file (code:5555h);bootauto.ini(或bootdm ...

  • Win7系统error code 0x00000005错误解决方法

    声卡驱动是一种可以使计算机和设备通信的特殊程序,可以说相当于硬件的接口,操作系统只有通过这个接口,才能控制硬件设备的工作,假如某设备的驱动程序未能正确安装,便不能正常工作. 因此,驱动程序被誉为&qu ...