---

前言

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

VScode提升效率技巧教程相关推荐

1. 提升工作效率技巧——360桌面美化-整理凌乱的桌面-Chinar

   Chinar blog :www.chinar.xin 360桌面美化 将 凌乱 变为简单 本文提供全流程,中文翻译. Chinar 的初衷是将一种简单的生活方式带给世人 使有限时间 具备无限可能 C ...

2. 提升效率教程——Clover 资源管理器标签-Chinar

   Chinar blog :www.chinar.xin Clover 资源管理器增强 妈妈再也不用担心,我找不到资源 本文提供全流程,中文翻译. Chinar 的初衷是将一种简单的生活方式带给世人 使 ...

3. ppt复制切片器_攻略｜致敬20个可以提升效率的PPT操作技巧

   微信公众号:有宝物的柜子 编辑:落水无波 2020-08-01 原创 除了最近推送的 PDF教程|科研狗应该如何使得PDF文件页面统一大小 PDF教程|如何压缩PDF文件,实现"瘦身&quo ...

4. 几个有用的word小技巧，保准提升效率~

   这几天改报告改到头秃.年底了,实验室各种项目在结项,作为一名研一新生,理所应当地承担起了体力活的工作.主要负责项目报告的研究背景调研.报告汇总.格式调整等. 格式调整,看起来非常简单的一项工作,却是最 ...

5. 如何设置Sketch快捷键，Sketch提升效率的常用技巧

   在工作中还是需要重视效率,在做任何事之前我们是否有用心的去思考下当前的工作有没有更快捷方便的办法,今天小编就给大家介绍一下Sketch提升效率的常用技巧,希望大家喜欢! 你可以为你经常用的置Sketc ...

6. Axure RP使用技巧分享 快速提升效率

   Axure专为快速原型设计而生的应用,Axure破解版可以辅助产品经理快速设计完整的产品原型,并结合批注,说明以及流程图,框架图等元素.如何使用Axure设计工具提升效率,包括以下几方面 1.通用元件 ...

7. 学无止境的CSS(xHTML+CSS技巧教程资源大全)

   本文里面收集一些有关CSS的技巧.教程.工具和观点等,其中一些你也许早就运用的炉火纯青,也可能有的你听都没听说过.不管是新手还是高手,大家都继续学习吧. 一,Web 标准 要玩游戏,就得先了解规则.要 ...

8. 【经典】CSS技巧教程资源大全

   一,Web 标准 要玩游戏,就得先了解规则.要学CSS,就应该先了解一下Web标准.尽管看上去不是必须的(我在学CSS之前,根本不知道也不想知道Web标准是 个啥玩意儿).应该说,你是否学Web标准, ...

9. 60+CSS技巧教程资源大全

   一,Web 标准 要玩游戏,就得先了解规则.要学CSS,就应该先了解一下Web标准.尽管看上去不是必须的(我在学CSS之前,根本不知道也不想知道Web标准是个啥玩意儿).应该说,你是否学Web标准,跟 ...

最新文章

1. 张亚勤世界互联网大会谈AI：将变革传统行业，催生新业态
2. jquery版本冲突问题
3. 如何打印一个Struct来调试
4. 【Linux】【服务器】 CentOS7下安装JDK详细过程步骤
5. 突破领域边界，探索文创文保新趋势
6. java dictionary遍历_遍历 Dictionary，你会几种方式？
7. 王道考研 计算机网络12 点对点链路 广播式链路 介质访问控制MAC 动态分配信道 ALOHA协议 CSMA CSMA/CD CSMA/CA协议
8. 一起来玩树莓派--解决树莓派启动时屏幕不亮的问题
9. java一到6章上机代码_JAVA练习题(第6章).ppt
10. 经营公司最核心的是经营员工的人生
11. 支持向量机总结（SVM）
12. 适合编写C语言代码的编程软件有哪些？大学生赶紧行动起来！
13. android迷你世界助手52,迷你世界助手盒子刷迷你币
14. 锁定计算机和睡眠有什么区别,电脑休眠和睡眠哪个好？电脑计算机睡眠和休眠有什么区别...
15. 10x 程序员工作法 - 划重点 | “自动化”主题的重点内容回顾汇总
16. 浙江省中职院校春季技能竞赛中职计算机项目数字影视后期制作技术...,数字影视后期制作竞赛试卷.doc...
17. 解决 c++ 字符转转浮点型数据且保留所有小数
18. TexturePacker纹理打包打方法及技巧
19. 神经同步预测儿童学习新单词的能力
20. win7 iis php mysql_windows7和iis配置的php phpinfo()中没有mysql组件

热门文章

1. 学习MySQL-第六章
2. 辅助 已禁用 ft 55%_如何禁用Windows 10的烦人的焦点辅助通知
3. 关掉Win Server2003 IE增强的安全配置堵塞
4. 设置Win10 输入法默认简体中文
5. ppp概念股什么意思?
6. java jsf 入门_JSF入门、简单示例
7. 如何把项目部署到腾讯云服务器(附带常见错误)
8. 跳跃游戏 Jump Game 分析与整理
9. 关于工厂类app的一些想法
10. 转 大数据量下载解决方案