vscode环境设置
- 自动保存：file->AutoSave,或者Ctrl+shift+P,输入auto
- 右侧sidebar选择隐藏文件：文件->首选项->设置
例如在 Angular2 TypeScript 项目中隐藏 .js 与 .js.map 文件：
{
"files.exclude": {
"**/._*": true,
"node_modules/": true,
"app/*.js.map": true,
"app/*.js": true
}
}
- 自定义快捷键：文件->首选项->键盘快捷方式
最新版本的vsc有很友好的提示了
- 打开命令面板
为充分利用键盘，这一编辑中最强大的交互方式，VSCode提供了可以直达所有功能的命令面板：
按下F1或Ctrl + Shift + P或Ctrl + P + >
代码编辑
可在键盘快捷方式中查看所有的快捷方式并更改，这里列出比较常用的
| 快捷键 |
作用 |
| Alt+Up/Alt+Down |
上/下移动一行 |
| Shift+Alt+Up/Shift+Alt+Down |
向上/向下复制一行 |
| Shift+Alt+F/右键->format document |
格式规范 |
| Shift+delete\Ctrl+X |
剪切一行 |
| Ctrl+C/Ctrl+X |
如果不选中，默认复制或剪切一整行 |
| Ctrl+/或者Ctrl+Shift+A |
注释一行/注释选中的内容 |
| Ctrl+[，Ctrl+]/Tab\Shift+Tab |
代码行缩进/反缩进 |
| Ctrl+Shift+[，Ctrl+Shift+]/点击行数旁边的+/-符号 |
折叠打开代码块 |
| Ctrl+Enter |
在当前行下边插入一行 |
| Ctrl+Shift+Enter |
在当前行上方插入一行 |
| Ctrl+D |
下一个匹配的也被选中,被我自定义成删除当前行了 |
快速开始编写html的方法:
- 在html文件第一行输入!
- 光标移到！后，按tag键
跳转导航
| 快捷键 |
作用 |
| Ctrl+Tab，Alt+Left，Alt+Right |
历史打开文件之间切换 |
| Ctrl+E/Ctrl +P |
列出最近打开过的文件，输入文件名，即可打开该文件 |
| Ctrl+G或在命令面板中输入:，再输入行数 |
跳转至该文件的相应行 |
跳转导航
| 快捷键 |
作用 |
| Home |
移动到行首 |
| End |
移动到行尾 |
| Ctrl+End |
移动到文件结尾 |
| Ctrl+Home |
移动到文件开头 |
| Ctrl+Shift+] |
移动到后半个括号 |
| Ctrl+i/双击左键 |
选中当前行 |
| Shift+End |
选择从光标到行尾 |
| Shift+Home |
选择从行首到光标处 |
| Alt+Click添加cursor/Ctrl+Alt+Down 或 Ctrl+Alt+Up |
Multi-Cursor多重选择：可以连续选择多处，然后一起修改 |
| Ctrl+Shift+L |
选择所有找到的查找匹配项 |
重构代码
| 快捷键 |
作用 |
| F12/Ctrl+鼠标左键 |
跳转到定义处 |
| Alt+F12 |
定义处缩略图：只看一眼而不跳转过去 |
| Shift+F12 |
列出所有的引用 |
| Ctrl+F12 |
同时修改本文件中所有匹配 |
| 选中一个方法名后按F2,输入新的名字,回车 |
方法重命名,把所有的文件都修改 |
| 当有多个错误时，按F8逐个跳转 |
跳转到下一个Error或Warning |
| 选择第一个文件，右键单击，选择“Select for Compare” |
代码差分/查看diff |
查找替换
| 快捷键 |
作用 |
| Ctrl+F |
文件内查找 |
| Ctrl+H |
文件内替换 |
| Ctrl+Shift+F |
整个文件夹中查找 |
显示相关
| 快捷键 |
作用 |
| F11 |
全屏 |
| Ctrl + =/Ctrl + - |
整体放大缩小 |
| Ctrl+B |
侧边栏显/隐 |
| Ctrl+Shift+V |
预览markdown |
编辑器与窗口管理
| 快捷键 |
作用 |
| Ctrl+Shift+N |
打开一个新窗口 |
| Ctrl+Shift+W |
关闭窗口 |
| Ctrl+N |
新建文件 |
| Ctrl+\或Ctrl鼠标点击Explorer里的文件名 |
切出一个新的编辑器（最多3个） |
| Ctrl+1/Ctrl+2/Ctrl+3 |
左中右3个编辑器的快捷键 |
| Ctrl+` |
3个编辑器之间循环切换 |
自定义代码段
- 文件->首选项->用户自定义片段
- 然后输入语言,例如我这里输入typescript
- 例如自定义一个箭头函数
"arrow function": {
"prefix":"func",
"body": [
"(${e}) => {$1}"
],
"description":"arrow function"
}
【VSCode环境设置与快捷键整理】保存后，下次输入func的时候就会自动出来箭头函数了
文章图片
image.png
推荐阅读
