在前端的开发过程中，如果有一个比较好的开发工具，配合一些常用的快捷键，开发效率将大大提升，正所谓工具善其事必先利其器。前端推荐使用编辑器VS code,用过HB-X，ST3,Webstorm等编译器之后就会发现，前端编辑器最屌的还是VS code。

官方文档：

https://code.visualstudio.com/docs/getstarted/keybindings

官方快捷键PDF：windows:https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdfmacOS:https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

主命令F1 或 Ctrl+Shift+P : 打开命令面板。在打开的输入框内，可以输入任何命令。这个比较常用的是安装插件或者查找文件，我一般都是用来查找项目文件，插件的话一般直接在扩展程序中安装。

编辑器与窗口管理新建文件: Ctrl+N文件之间切换: Ctrl+Tab打开一个新的VS Code编辑器: Ctrl+Shift+N关闭当前窗口: Ctrl+W关闭当前的VS Code编辑器: Ctrl+Shift+W切出一个新的编辑器窗口（最多3个): Ctrl+\切换左中右3个编辑器窗口的快捷键: Ctrl+1 Ctrl+2 Ctrl+3

格式调整代码行向左或向右缩进: Ctrl+[ 、 Ctrl+]复制或剪切当前行/当前选中内容: Ctrl+C 、 Ctrl+V代码格式化: Shift+Alt+F向上或向下移动一行: Alt+Up 或 Alt+Down向上或向下复制一行: Shift+Alt+Up 或 Shift+Alt+Down在当前行下方插入一行: Ctrl+Enter在当前行上方插入一行: Ctrl+Shift+Enter

光标相关移动到行首: Home移动到行尾: End移动到文件结尾: Ctrl+End移动到文件开头: Ctrl+Home移动到定义处: F12查看定义处缩略图(只看一眼而不跳转过去): Alt+F12选择从光标到行尾的内容: Shift+End选择从光标到行首的内容：Shift+Home删除光标右侧的所有内容(当前行): Ctrl+Delete扩展/缩小选取范围：Shift+Alt+Right 和 Shift+Alt+Left多行编辑(列编辑): Alt+Shift+鼠标左键 或 Ctrl+Alt+Down/Up同时选中所有匹配编辑(与当前行或选定内容匹配): Ctrl+Shift+L下一个匹配的也被选中: Ctrl+D回退上一个光标操作: Ctrl+U撤销上一步操作: Ctrl+Z手动保存: Ctrl+S

重构代码找到所有的引用：Shift+F12同时修改本文件中所有匹配的：Ctrl+F12查看 diff：在 explorer 里选择文件右键Set file to compare，然后需要对比的文件上右键选择Compare with file_name_you_chose

查找替换查找Ctrl+F查找替换Ctrl+H整个文件夹中查找Ctrl+Shift+F显示相关全屏显示(再次按则恢复): F11放大或缩小(以编辑器左上角为基准): Ctrl +/-侧边栏显示或隐藏：Ctrl+B显示资源管理器(光标切到侧边栏中才有效): Ctrl+Shift+E显示搜索(光标切到侧边栏中才有效): Ctrl+Shift+F显示(光标切到侧边栏中才有效): Git Ctrl+Shift+G显示 Debug: Ctrl+Shift+D显示 Output: Ctrl+Shift+U

其他设置自动保存：File->AutoSave(中文界面下“文件”->“自动保存”) 或者Ctrl+Shift+P，输入auto

好啦，本期内容就分享到这里，我们下期见！