VScode提升效率技巧教程

---

前言

VS Code是一款轻量级的代码编辑器，在日常开发中具备很多功能，尤其是完善的插件市场，让代码开发变得更加舒适，尤其在前端开发中会更能展现其巨大的优势。VS Code的基本操作在此不做赘述，本文主要分享一些在日常开发中如何使开发更加舒适。

---

一、快捷键

在程序的开发中，快捷键永远是总重要的一个部分。熟练掌握常用的快捷键，可以使你在开发中快速进入状态，专注于代码的书写。但数量众多的快捷键又使你无法全部掌握，以下介绍本人在实际开发中提升整个编码的主要快捷键，以本人个人的使用频率进行排序（序号越小使用频率越大）。最终或许最常用的一定是CTRL+C, CTRL+V，此类不再多做赘述。以下所有快捷键只适用于 Windows。

1. CTRL + P

	查找一个文件，最基础的快捷键，不了解可以直接百度。

2. CTRL + T

	显示所有符号，主要用于查找一个函数，或者枚举等，在日常开发中也很好用.
	在开发中，往往开发者对于函数名以及变量名的敏感度会略高于文件名，往往在具体查找时会比找文件快一些。

3. F12

	用于转到一个定义的位置。

4. CTRL + F

	打开查找。替换的快捷键感觉用处不是很大，因为可以通过查找可以快速设置成为替换。 

5. CTRL + J

	按下试一试，就懂了。

6. ALT + ⬅/➡

	左用于前进，又用于后退，在日常开发中，查看代码过程中，可以快速前进或后退到上一个编辑点，非常好用。

7. ALT + ⬆/⬇

	将一个代码块上移或下移。

8. Alt + Shift + F

	格式化代码，可以根据你配置的插件来进行格式化。

9. CTRL + K + C

	这里用于快速注释多行代码，在你想发挥自己的创意时，或是大段重构时候，都是很好用的。

10. CTRL + K + U

	9的逆向操作。

11. Alt + Shift + 鼠标按住拖动

	这个操作可以支持列选，快速将多行的代码同时选中同一个位置，适合批量修改一些代码。

12. F2

	在重构代码时进行改名。

13. CTRL + B

	同5，即试即用。

14. CTRL + SHIFT + ⬅/➡

	用于片选一个单词，可以替代用鼠标拖拽来片选。

15. CTRL + K + 0

	全部折叠。

16. CTRL + K + J

	全部展开。15，16项主要在code review中可以快速展示你的创作意图，从整体来给别人讲解你的思路。
	或者是代码写的太多了，只关注局部代码时候把不关注的全部折叠起来。

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、插件

插件的使用会大幅度的提升开发的效率，由于使用VScode主要进行前端开发，主要介绍的还是偏前端的一些的插件。

1. Prettier

	前端主流的格式化代码插件，可以通过配置json来定制格式化。相同的配置也可以使协同开发时不会
	因为format使代码在两个开发者中反复横跳。可以处理很多格式上的静态代码检查问题（如语句末尾
	加分号）。

2. TodoTree

	在开发中，或是因为被打断，或是因为当时没有想好细节处理，或是因为要下班了，明天再做，我们
	经常会写入一些todo来提醒自己。但往往下一次就会忘记这些原本已经写好的todo。TodoTree可以展
	示所有的todo标记，以文件列表的形式，还可以快速索引到具体位置。防止todo遗忘，确实好用。

3. 各类主题

	其实主题也是插件存在的一个意义，总是默认主题难免会审美疲劳，不如搜索一些主题插件，总有一
	款你喜欢上的。

三、禅模式

VScode提供了一个禅模式，就如同坐禅一般，会将所有的菜单栏和状态栏等窗口全部隐藏掉，为开发者提供一个沉浸式的开发体验。你所面对的不再是一个复杂的，多个视图窗口的IDE，而是一个像是一张画布一般的简洁的编辑器。禅模式最适合的就是做一个独立的新feature，或是对一个大模块的代码进行重写，你可以在这张画布上，随心所欲，不受任何信息的干扰，用过一次你或许不一定会喜欢上这种开发模式，但是你一定会觉得自己熟悉的快捷键还不够多。因为所有的功能都不能通过相应的视图来操作了，只有使用快捷键。

1.模式的开启与关闭

开启：CTRL + K + Z
退出：同开启快捷键，也可以按两次ESC键退出

2.必备快捷键

在开启禅模式之后，几乎所有功能都需要使用快捷键来操作，这里写一些必备的。
快捷键一小节所有的快捷键。
文件列表：CTRL + SHIFT + E
全局搜索：CTRL + SHIFT + F 
（这里注意，此类CTRL + SHIFT快捷键有可能被你的输入法吃掉，比如Windows自带的汉语拼音就会吃掉
CTRL + SHIFT + F，来切换你的简体中文和繁体中文。所以若是没有生效可以查看一下是不是被别的程序
吃掉了。）
代码管理：CTRL + SHIFT + G + G
插件：CTRL + SHIFT + X
debug： CTRL + SHIFT + D
关闭文件：CTRL + W		

---

总结

以上就是提升使用VSCode的一些小技巧，本文仅仅简单介绍了日常工作中较为常用的部分，其实提升效率的核心就是快捷键，但是也要和使用的快捷键数量追求一个平衡点。学习全部的快捷键或许会造成更多的记忆负担，反而会在开发中因为回忆快捷键功能而打断自己的思路。总而言之，每个开发者终究有自己的编码习惯，能够找到自己最舒服的，那就是一件很美好的事情了。