Visual Studio Code环境设置与快捷键整理
一、vscode环境设置
1. 自动保存：file->AutoSave , 或者 Ctrl+shift+P , 输入 auto
2. 右侧sidebar选择隐藏文件：文件->首选项->设置
例如在 Angular2 TypeScript 项目中隐藏 .js 与 .js.map 文件：
{
"files.exclude": {
"**/._*": true,
"node_modules/": true,
"app/*.js.map": true,
"app/*.js": true
}
}
3.自定义快捷键：文件->首选项->键盘快捷方式
最新版本的 vsc 有很友好的提示了
4.打开命令面板
为充分利用键盘，这一编辑中最强大的交互方式，VSCode 提供了可以直达所有功能的命令面板：按下 F1 或 Ctrl + Shift + P 或 Ctrl + P + >
二、代码编辑
可在键盘快捷方式中查看所有的快捷方式并更改，这里列出比较常用的
|
快捷键 |
作用 |
|
Alt+Up/Alt+Down |
上/下移动一行 |
|
Shift+Alt+Up/Shift+Alt+Down |
向上/向下复制一行 |
|
Shift+Alt+F/右键->format docum |
格式规范 |
|
Shift+delete\Ctrl+X |
剪切一行 |
|
Ctrl+C/Ctrl+X |
如果不选中，默认复制或剪切一整行 |
|
Ctrl+/或者Ctrl+Shift+A |
ent注释一行/注释选中的内容 |
|
Ctrl+[，Ctrl+]/Tab\Shift+Tab |
代码行缩进/反缩进 |
|
Ctrl+Shift+[，Ctrl+Shift+]/点击行数旁边的+/-符号 |
折叠打开代码块 |
|
Ctrl+Enter |
在当前行下边插入一行 |
|
Ctrl+Shift+Enter |
在当前行上方插入一行 |
|
Ctrl+D |
下一个匹配的也被选中,被我自定义成删除当前行了 |
快速开始编写html的方法:
1. 在 html 文件第一行输入!
2. 光标移到！后，按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个编辑器之间循环切换 |
九、自定义代码段
1. 文件 ->首选项 ->用户自定义片段
2. 然后输入语言,例如我这里输入 typescript
3. 例如自定义一个箭头函数
"arrow function": {
"prefix":"func",
"body": [
"(${e}) => {$1}"
],
"description":"arrow function"
}
保存后，下次输入func的时候就会自动出来箭头函数了
更多推荐
0
0- 0
已为社区贡献5条内容
所有评论(0)