VScode⾼效使⽤说明（⼀）
⼯欲善其事必先利其器！如果你是做前端开发，我推荐 VS Code 作为「主⼒开发⼯具」。
VS Code 的全称是 Visual Studio Code，是⼀款开源的、免费的、跨平台的、⾼性能的、轻量级的代码编辑器。它在性能、语⾔⽀持、开源社区⽅⾯，都做得很不错。
VS Code 的特点
VS Code 的使命，是让开发者在编辑器⾥拥有 IDE 那样的开发体验，⽐如代码的智能提⽰、语法检查、图形化的调试⼯具、插件扩展、版本管理等。
跨平台⽀持 MacOS、Windows 和 Linux 等多个平台。
VS Code 的源代码以 MIT 协议开源。
⽀持第三⽅插件，功能强⼤，⽣态系统完善。
VS Code ⾃带了 JavaScript、TypeScript 和 Node.js 的⽀持。也就是说，你在书写 JS 和 TS 时，是⾃带智能提⽰的。当然，其他的语⾔，你可以安装相应的扩展包插件，也会有智能提⽰。
VS Code 的安装
VS Code 官⽹：
VS Code 的安装很简单，直接去官⽹下载安装包，然后双击安装即可。
VS Code 快捷键
VS Code ⽤得熟不熟，⾸先就看你是否会⽤快捷键。以下列出的内容，都是常⽤快捷键，⽽加粗部分的快捷键，使⽤频率则⾮常⾼。1、⼯作区快捷键
Mac 快捷键Win 快捷键作⽤备注
Cmd + Shift + P Ctrl + Shift + P，F1显⽰命令⾯板
Cmd + B Ctrl + B显⽰/隐藏侧边栏很实⽤
Cmd + \Ctrl + \创建多个编辑器【重要】抄代码利器
Cmd + 1、2Ctrl + 1、2聚焦到第 1、第 2 个编辑器同上重要
cmd +/-ctrl +/-将⼯作区放⼤/缩⼩（包括代码字体、左侧导航栏）在投影仪场景经常⽤到
Cmd + J Ctrl + J显⽰/隐藏控制台
Cmd + Shift + N Ctrl + Shift + N重新开⼀个软件的窗⼝很常⽤
Cmd + Shift + W Ctrl + Shift + W关闭软件的当前窗⼝
Cmd + N Ctrl + N新建⽂件
Cmd + W Ctrl + W关闭当前⽂件
2、跳转操作
Mac 快捷键Win 快捷键作⽤备注
Cmd + `没有在同⼀个软件的多个⼯作区之间切换使⽤很频繁
Cmd + Option + 左右⽅向键Ctrl + Pagedown/Pageup在已经打开的多个⽂件之间进⾏切换⾮常实⽤
Ctrl + Tab Ctrl + Tab在已经打开的多个⽂件之间进⾏跳转不如上⾯的快捷键快
Mac 快捷键Win 快捷键作⽤备注
Cmd + Shift + O Ctrl + shift + O在当前⽂件的各种⽅法之间进⾏跳转
Ctrl + G Ctrl + G跳转到指定⾏
Cmd+Shift+\Ctrl+Shift+\跳转到匹配的括号
3、移动光标
Mac 快捷键Win 快捷键作⽤备注
⽅向键⽅向键在单个字符之间移动光标⼤家都知道
option + 左右⽅向键Ctrl + 左右⽅向键在单词之间移动光标很常⽤
Cmd + 左右⽅向键Fn + 左右⽅向键在整⾏之间移动光标很常⽤
Cmd + ←Fn + ←（或 Win + ←）将光标定位到当前⾏的最左侧很常⽤
Cmd + →Fn + →（或 Win + →）将光标定位到当前⾏的最右侧很常⽤
Cmd + ↑Ctrl + Home将光标定位到⽂章的第⼀⾏
Cmd + ↓Ctrl + End将光标定位到⽂章的最后⼀⾏
Cmd + Shift + \在代码块之间移动光标
4、编辑操作
Mac 快捷键Win 快捷键作⽤备注
Cmd + Enter Ctrl + Enter在当前⾏的下⽅新增⼀⾏，然后跳⾄该⾏即使光标不在⾏尾，也能快速向下插⼊⼀⾏
Cmd+Shift+Enter Ctrl+Shift+Enter在当前⾏的上⽅新增⼀⾏，然后跳⾄该⾏即使光标不在⾏尾，也能快速向上插⼊⼀⾏
Option + ↑Alt + ↑将代码向上移动很常⽤
Option + ↓Alt + ↓将代码向下移动很常⽤
Option + Shift + ↑Alt + Shift + ↑将代码向上复制
Option + Shift + ↓Alt + Shift + ↓将代码向下复制写重复代码的利器
5、多光标编辑
Mac 快捷键Win 快捷键作⽤备注Cmd + Option + 上下键Ctrl + Alt + 上下键在连续的多列上，同时出现光标
Option + ⿏标点击任意位置Alt + ⿏标点击任意位置在任意位置，同时出现光标
Option + Shift + ⿏标拖动Alt + Shift + ⿏标拖动在选中区域的每⼀⾏末尾，出现光标Cmd + Shift + L Ctrl + Shift + L在选中⽂本的所有相同内容处，出现光标
其他的多光标编辑操作：（很重要）
选中某个⽂本，然后反复按住快捷键「 Cmd + D 」键（windows ⽤户是按住「Ctrl + D」键）， 即可将全⽂中相同的词逐⼀加⼊选择。
选中⼀堆⽂本后，按住「Option + Shift + i」键（windows ⽤户是按住「Alt + Shift + I」键），既可在每⼀⾏的末尾都创建⼀个光标。
6、删除操作
Mac 快捷键Win 快捷键作⽤备注
Cmd + shift + K Ctrl + Shift + K删除整⾏「Cmd + X」的作⽤是剪切，但也可以删除整⾏
option + Backspace Ctrl + Backspace删除光标之前的⼀个单词英⽂有效，很常⽤
option + delete Ctrl + delete删除光标之后的⼀个单词
Cmd + Backspace删除光标之前的整⾏内容很常⽤
Cmd + delete删除光标之后的整⾏内容
备注：上⾯所讲到的移动光标、编辑操作、删除操作的快捷键，在其他编辑器⾥，⼤部分都适⽤。
7、编程语⾔相关
Mac 快捷键Win 快捷键作⽤备注
Cmd + /Ctrl + /添加单⾏注释很常⽤
Option + Shift + F Alt + shift + F代码格式化很常⽤
F2F2以重构的⽅式进⾏重命名改代码备
Ctrl + J将多⾏代码合并为⼀⾏Win ⽤户可在命令⾯板搜索”合并⾏“
Cmd +
Cmd + U Ctrl + U将光标的移动回退到上⼀个位置撤销光标的移动和选择
8、搜索相关
Mac 快捷键Win 快捷键作⽤备注
Cmd + Shift + F Ctrl + Shift +F全局搜索代码很常⽤Cmd + P Ctrl + P在当前的项⽬⼯程⾥，全局搜索⽂件名
Cmd + F Ctrl + F在当前⽂件中搜索代码，光标在搜索框⾥
Cmd + G F3在当前⽂件中搜索代码，光标仍停留在编辑器⾥很巧妙9、查某个函数在哪些地⽅被调⽤了
⽐如我已经在a.js⽂件⾥调⽤了 foo()函数。那么，如果我想知道foo()函数在其他⽂件中是否也被调⽤了，该怎么做呢？
visual studio和vs code的区别
做法如下：在 a.js ⽂件⾥，选中foo()函数（或者将光标放置在foo()函数上），然后按住快捷键「Shift + F12」，就能看到 foo()函数在哪些地⽅被调⽤了，⽐较实⽤。
10、⿏标操作
在当前⾏的位置，⿏标三击，可以选中当前⾏。
⽤⿏标单击⽂件的⾏号，可以选中当前⾏。
在某个⾏号的位置，上下移动⿏标，可以选中多⾏。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。