VS Code的介绍（1）

一、VS Code的介绍

---

VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、跨平台的、高性能的、轻量级的代码 编辑器。它在性能、语言支持、开源社区方面，都做得很不错。 微软有两种软件：一种是 VS Code，一种是其他软件。

IDE与编辑器的对比

IDE 和编辑器是有区别的：

• IDE（Integrated Development Environment，集成开发环境）：对代码有较好的智能提示和相 互跳转，同时侧重于工程项目，对项目的开发、调试工作有较好的图像化界面的支持，因此比较笨 重。比如 Eclipse 的定位就是 IDE。

• 编辑器：要相对轻量许多，侧重于文本的编辑。比如 Sublime Text 的定位就是编辑器。再比如 Windows 系统自带的「记事本」就是最简单的编辑器。

需要注意的是，VS Code 的定位是编辑器，而非 IDE ，但 VS Code 又比一般的编辑器的功能要丰富许 多。可以这样理解：VS Code 的体量是介于编辑器和 IDE 之间。

VS Code 的特点

VS Code 的使命，是让开发者在编辑器里拥有 IDE 那样的开发体验，比如代码的智能提示、语法 检查、图形化的调试工具、插件扩展、版本管理等。

• 跨平台支持 MacOS、Windows 和 Linux 等多个平台。

• VS Code 的源代码以 MIT 协议开源。 支持第三方插件，功能强大，生态系统完善。

• VS Code 自带了 JavaScript、TypeScript 和 Node.js 的支持。

• 也就是说，你在书写 JS 和 TS 时， 是自带智能提示的。

• 当然，其他的语言，你可以安装相应的扩展包插件，也会有智能提示。

VS Code 的安装

VS Code 官网： https://code.visualstudio.com VS Code 的安装很简单，直接去官网下载安装包，然后双击安装即可。

VSCode的快捷键

VS Code 用得熟不熟，首先就看你是否会用快捷键。以下列出的内容，都是常用快捷键，而加粗部分的 快捷键，使用频率则非常高。

1、工作区快捷键

Mac 快捷键	Win快捷键	作用	备注
cmd + shift +p	ctrl + shift +p	显示命令面板
cmd + B	ctrl +B	显示/隐藏侧边栏	很实用
cmd +\	ctrl +　＼	创建多个编辑器	抄代码利器
ｃｍｄ　＋　１、２	ctrl + 1、2	聚集到第1 第2个编辑器	同上重要
cmd +/-	ctil +/-	将工作区放大/缩小	在投影场景经常用到
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	在已经打开的多个文件之间进行跳转	不如上面的快捷键
cmd +shift +O	ctrl +shift +O	在当前文件的各种方法之间进行跳转
ctrl +G	ctrl + G	跳转到制定行
cmd + shift + \	ctrl + shift + \	跳转到匹配的括号

3、移动光标

mac快捷键	win快捷键	作用	备注
方向键	方向键	在单个字符之间移动光标	大家知道
option+左右方向键	ctrl+左右方向键	在单词之间移动光标	很常用
cmd + 左箭头	fn+左键头	在整行之间移动你光标	很常用
cmd + 右箭头	fn+右键头	将光标定位到当前行的最左侧
cmd + 向上箭头	ctrl +home	将光标定位到文章的第一行
cmd + 向下的箭头	ctrl +home	将光标定位到文章的最后一行
cmd + shift + \		在代码快之间移动光标
cmd +　左右方向键	ctrl + 左右方向键	在整行之间移动光标

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」键）， 既可在每一行的末尾都创建一个光标。