Day09:程序码编辑器的实用快捷键(1)

一、前言

  VSCode 是微软开发的文字编辑器,同时支援 Windows、Linux 和 macOS 作业系统且开放原始码,我自己於2018开始自学一点点 Html 时,是使用线上教学里推荐的 Atom 。後来因为 VSCode 的工具跟资源较多,入职公司也是使用这套,所以较常使用。这篇主要介绍一些 VSCode 好用的快捷键,下一篇再介绍其他扩充之实用功能。

二、VSCode 编打程序码 常用快捷键

  VSCode这边以 windows 作业系统为例,mac 作业系统仅要将 Ctrl 换成 Command 应该就可以了。因为在公司使用 windows 开发,回家则使用 mac 练习,我习惯开发时使用这些快捷键简短用滑鼠或触控板控制的时间,久了也顺手很多。

项次 指令 用途
1 Ctrl + ` 开启预设的 Terminal 工具
2 Ctrl + N 开启编辑器新分页视窗
3 Ctrl + Shift + N 开启编辑器的全新视窗
4 Ctrl + S 另存新档
5 Ctrl + P 快速寻找某个最近打开过的档案
6 Ctrl + D 搜寻该档里某段文字
7 Ctrl + Z 恢复上一个动作
8 Alt + 方向键 快速移动某段已选取之文字至想要的位置
9 Ctrl + 方向键 快速移动到某单字的头/尾端
10 Ctrl + Shift + 方向键 快速选取某段程序码
11 Alt + Ctrl + Shift + 方向键 快速复制选取的某段程序码
12 Ctrl + / 将游标停留位置或选取文字变成注解
13 tab 往後(右)缩排
14 Shift + tab 往前(左)缩排
14 F12 把游标停留在某变数上,按下後可跳到定义的行(超方便的功能!)

三、VSCode 面板使用方面快捷键

项次 指令 用途
1 Ctrl + + 放大(公开code review时很好用...)
2 Ctrl + - 缩小
3 Ctrl + N 开启编辑器新分页视窗
4 Ctrl + Shift + N 开启编辑器的全新视窗
5 Ctrl + Shift + W 关闭整个编辑器
6 Ctrl + B 开启/关闭档案总管

四、结论与自我鼓励

引用资源:

  这边只有简单列一些真的几乎天天会使用到的指令和快捷键,其实大家可以依自己需求去寻找 VSCode 有提供的快捷键,我觉得对开发真的帮助良多~我也是就职後,又有多学了几个,如果你们也有超常用且推荐的,也欢迎留言跟大家分享唷!


本文同步发布於我的个人网站 Annie Code Life


<<:  第 7 天 让元件归元件、服务归服务|service、@Injectable、AsyncPipe

>>:  [Day21]Laravel目录结构

Day11 事件修饰符(2)

上次介绍完前面两个修饰符,今天就来把它学习完吧!!! .stop .prevent .capture...

DAY 3 Big Data 5Vs – Volume(容量) - S3

如同软件需要硬体,资料分析的基石就是资料储存。在处理的过程中,资料(data)需要在长期或暂时性的储...

[Day 14] 人脸识别 (Facial Recognition)

想像一天早上你站在办公室的玻璃门前,看向门口上方的摄影镜头;约莫数秒後,听见悦耳的人声: 「早安,...

DAY21-动态规划(四)

今天是动态规划的最後一天,整理几题比较复杂的动态规划题目,当作前面几天内容的总结~~直接进例题 例题...

Re: 新手让网页 act 起来: Day30 - React hooks 之 useDebugValue

前言 今天要介绍最後一个 React hook - useDebugValue ,它也是个较少使用的...