vscode swift window

VS Code操作 win

• 一、VS Code下载
• 二、 VS Code快捷键

• 1.工作区
• 2.跳转操作
• 3.移动光标
• 4.多光标编辑
• 5.编辑操作
• 6.删除操作
• 7、编程语言相关
• 8、搜索相关
• 9、快捷键列表

• 三、命令面板

• 1.设置字体大小
• 2.快捷键设置
• 3.大小写转换

• 四、 常见配置

• 1.语言设置-中文
• 2.面包屑（Breadcrumb）
• 3.左右显示多个编辑器窗口（抄代码利器）
• 4. 是否显示代码行号
• 5.右侧是否显示代码的缩略图
• 6、将当前行代码高亮显示（更改光标所在行的背景色）
• 7、改完代码后立即自动保存
• 8、保存代码后，是否立即格式化
• 9、空格 or 制表符
• 24、Emmet in VS Code

VS Code 的全称是 Visual Studio Code，是用 JavaScript 语言编写的一款开源的、免费的、跨平台的、高性能的、轻量级的代码编辑器。它在性能、语言支持、开源社区方面，都做得很不错。

一、VS Code下载

• VS Code官方下载地址 >> https://code.visualstudio.com/
• 下载汉化插件：

1. 打开扩展商店（Ctrl+shift+X）
2. 在输入框搜索：Chinese (Simplified) Language
3. 安装完毕后重启

二、 VS Code快捷键

1.工作区

快捷键	作用	备注
Ctrl + Shift + P，F1	显示命令面板
Ctrl + B	显示/隐藏侧边栏
ctrl + \	创建多个编辑器	抄代码利器
Ctrl + 1、2	聚焦到第 1、第 2 个编辑器
ctrl + +/-	将工作区放大/缩小（包括代码字体、左侧导航栏）	在投影仪场景经常用到
Ctrl + J	显示/隐藏控制台
Ctrl + Shift + N	重新开一个软件的窗口	常用
Ctrl + Shift + W	关闭软件的当前窗口
Ctrl + N	新建文件
Ctrl + W	关闭当前文件

2.跳转操作

快捷键	作用	备注
Ctrl + Pageup / Pagedown	在已经打开的多个文件之间进行切换	常用
Ctrl + Tab	在已经打开的多个文件之间进行跳转
Ctrl + shift + O	在当前文件的各种方法之间进行跳转
Ctrl + G	跳转到指定行
Ctrl+Shift+\	跳转到匹配的括号

3.移动光标

快捷键	作用	备注
方向键	在单个字符之间移动光标
Ctrl + 左右方向键	在单词之间移动光标	常用
Fn + 左右方向键	在整行之间移动光标	常用
Fn + ← /→（或 Win + ← / →）	将光标定位到当前行的最左/右侧	常用
Ctrl + Home	将光标定位到文章的第一行
Ctrl + End	将光标定位到文章的最后一行

4.多光标编辑

快捷键	作用	备注
Ctrl + Alt + 上下键	在连续的多列上，同时出现光标	很重要
Alt + 鼠标点击任意位置	在任意位置，同时出现光标	很重要
Alt + Shift + 鼠标拖动	在选中区域的每一行末尾，出现光标	很重要
Ctrl + Shift + L	在选中文本的所有相同内容处，出现光标	很重要
Ctrl + D	选中某个文本后，可将全文中相同的词逐一加入	很重要
Alt + Shift + I	选中一堆文本后，可在每一行的末尾都创建一个光标	很重要

5.编辑操作

快捷键	作用	备注
Ctrl + Enter	在当前行的下方新增一行，然后跳至该行	可快速向下插入一行
Ctrl+Shift+Enter	在当前行的上方新增一行，然后跳至该行	可快速向上插入一行
Alt + ↑ / ↓	将代码向上/下移动	常用
Alt + Shift + ↑ / ↓	将代码向上/下复制	写重复代码的利器

6.删除操作

快捷键	作用	备注
Ctrl + Shift + K	删除整行
Ctrl + Backspace	删除光标之前的一个单词	英文有效，很常用
Ctrl + delete	删除光标之后的一个单词

注：1-6的快捷键，在其他编辑器里，大部分都适用。

7、编程语言相关

快捷键	作用	备注
Ctrl + /	添加单行注释
Alt + shift + F	代码格式化
F2	以重构的方式进行重命名	改代码备
Ctrl + U	将光标的移动回退到上一个位置	撤销光标的移动和选择

8、搜索相关

快捷键	作用	备注
Ctrl + Shift +F	全局搜索代码
Ctrl + P	在当前的项目工程里，全局搜索文件名
Ctrl + F	在当前文件中搜索代码，光标在搜索框里
F3	在当前文件中搜索代码，光标仍停留在编辑器里

9、快捷键列表

左下角齿轮 > 键盘快捷方式

在 键盘快捷方式 里，可以查看和修改所有的快捷键列表

官方快捷键速查表：https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

三、命令面板

Ctrl+Shift+P可以打开命令面板，通过命令行修改来修改一些设置项效率会更高。

1.设置字体大小

在命令面板输入“字体”，可以进行字体的设置：

或者，在左下角点设置-常用设置-文本编辑器，在这个设置项里修改字体大小。

2.快捷键设置

在命令面板输入“快捷”，就可以进入快捷键的设置。

3.大小写转换

选中文本后，在命令面板中输入“transfrom”，就可以修改文本的大小写了。

四、 常见配置

1.语言设置-中文

• Ctrl+shift+P 打开命令面板
• 输入Configure Display Language（CDL），选择zh-cn（语言文化代码和地区表示：华-中国）
  
  或者：
• Ctrl+shift+X 打开扩展商店
• 在输入框搜索：Chinese (Simplified) Language
• 安装插件，然后重启

2.面包屑（Breadcrumb）

• 左下角点设置-常用设置-工作台-导航路径
• 或者左上角 文件-首选项-设置
  勾选启用导航就可以查看到当前文件的层级结构

3.左右显示多个编辑器窗口（抄代码利器）

• Ctrl+\ 向右拆分编辑器（可以自己设置快捷键），或者直接点击右上角图标

4. 是否显示代码行号

默认显示代码行号，也可在设置项里搜索 ELN（editor.lineNumbers）

5.右侧是否显示代码的缩略图

• 设置项搜索 editor.minimap

6、将当前行代码高亮显示（更改光标所在行的背景色）

• 当我们把光标放在某一行时，这一行的背景色并没有发生变化。如果想高亮显示当前行的代码，需要设置两步：

1. 在设置项里搜索editor.renderLineHighlight，将选项值设置为all或者line。
2. 在设置项里增加如下内容：

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#00000090", //修改光标所在行的背景色（背景色设置为全黑，不透明度 90%）
    "editor.lineHighlightBorder": "#ffffff30" //修改光标所在行的边框色。
}

7、改完代码后立即自动保存

• 改完代码后，默认不会自动保存。

1. 可以在设置项里搜索 file.auto save 修改成onFocusChange，光标离开文件后就会自动保存。
2. 左上角 文件-自动保存。勾选后写完代码文件会即时保存。

8、保存代码后，是否立即格式化

• 保存代码后，默认不会立即进行代码的格式化。可以在设置项里搜索editor.formatOnSave，按需勾选。

9、空格 or 制表符

24、Emmet in VS Code

• Emmet可以极大的提高 html 和 css 的编写效率，它提供了一种非常简练的语法规则。
• 例如在编辑器中输入缩写代码：ul>li*6 ，然后按下 Tab 键，即可得到如下代码片段：

<ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>