主命令框
F1
或 Ctrl+Shift+P
: 打开命令面板。在打开的输入框内,可以输入任何命令,例如:
按一下 `Backspace` 会进入到 `Ctrl+P` 模式
在 `Ctrl+P` 下输入 > 可以进入 `Ctrl+Shift+P` 模式
在 `Ctrl+P` 窗口下还可以:
`文件名` 跳转到对应文件
`?` 列出当前可执行的动作
`!` 显示 Errors或 Warnings,也可以 `Ctrl+Shift+M`
`:` 跳转到行数,也可以 `Ctrl+G` 直接进入
`@` 跳转到 symbol(搜索变量或者函数),也可以 `Ctrl+Shift+O` 直接进入
`@` 根据分类跳转 symbol,查找属性或函数,也可以 `Ctrl+Shift+O` 后输入:进入
`#` 根据名字查找 symbol,也可以 `Ctrl+T`
常用快捷键
编辑器与终端窗口管理
同时打开多个终端窗口(查看多个项目)
`Ctrl+Shift+N` 打开一个新窗口
`Ctrl+Shift+W` 关闭窗口
同时打开多个编辑器(查看多个文件)
`Ctrl+N 新建文件
`Ctrl+Tab 文件之间切换
`Ctrl+\ 切出一个新的编辑器(最多 3 个) ,也可以按住 `Ctrl +` 鼠标点击 Explorer 里的文件名
`Ctrl+1`、`Ctrl+2`、`Ctrl+3`左中右 3 个编辑器的快捷键
`Ctrl+ `` 3 个编辑器之间循环切换
`Ctrl+k`然后按 ←/→ 编辑器换位置
代码编辑
格式调整
`Ctrl+[` 、 `Ctrl+]` 代码行缩进
`Shift+Alt+F` 代码格式化,或 `Ctrl+Shift+P` 后输入format code
`Ctrl+C/X` 复制/剪切 当前行/当前选中内容
`Alt+↑/↓` 上/下移动一行
`Shift+Alt+↑/↓` 向上/向下复制一行
`Ctrl+Enter` 在当前行下边插入一行
`Ctrl+Shift+Enter` 在当前行上方插入一行
光标相关
`Home` 移动到行首
`End` 移动到行尾
`Ctrl+End` 移动到文件结尾
`Ctrl+Home` 移动到文件开头
`F12` 移动到定义处
`Alt+F12` 定义处缩略图(只看一眼而不跳转过去)
`Ctrl+Shift+]` 移动到后半个括号
`Shift+End` 选择从光标到行尾
`Shift+Home` 选择从行首到光标处
`Ctrl+Delete` 删除光标右侧的所有字
`Shift+Alt+←/→` 扩展/缩小选取范围
`Ctrl+Alt+↑/↓`,`Alt+Shift+`鼠标左键 多行编辑(列编辑)
`Ctrl+Shift+L` 同时选中所有匹配
`Ctrl+D` 下一个匹配的也被选中
`Ctrl+U` 回退上一个光标操作
重构代码
`Shift+F12` 找到所有的引用
`Ctrl+F12` 同时修改本文件中所有匹配的
`F2` 重命名比如要修改一个方法名,可以选中后按 ,输入新的名字,回车,会发现所有的文件都修改了
`F8` 跳转到下一个 Error 或 Warning,当有多个错误时可以按 逐个跳转
查看 diff; 在 explorer 里选择`文件右键`-> `Set file to compare`->`需要对比的文件上右键选择`->`Compare with file_name_you_chose`
查找替换
`Ctrl+F` 查找
`Ctrl+H` 查找替换
`Ctrl+Shift+F` 整个文件夹中查找
显示相关
`F11全屏
`Ctrl +/-` zoomIn/zoomOut
`Ctrl+B` 侧边栏显/隐
`Ctrl+Shift+E` 显示资源管理器
`Ctrl+Shift+F` 显示搜索
`Ctrl+Shift+G` 显示 Git
`Ctrl+Shift+D` 显示 Debug
`Ctrl+Shift+U` 显示 Output
其他
自动保存
File
-> AutoSave
,或 Ctrl+Shift+P
,输入 auto
修改默认快捷键
- 打开默认键盘快捷方式设置:
File
->Preferences
->Keyboard Shortcuts
,或Alt+F
->p
->k
- 修改
keybindings.json
:
1 | // Place your key bindings in this file to overwrite the defaults |
前端开发必备插件
PostCSS Sorting
stylelint
stylefmt
ESLint
javascript standard format
beautify
Babel ES6/ES7
Debugger for Chrome
Add jsdoc comments
javascript(ES6) code snippets
vue
weex
Reactjs code snippets
React Native Tools
Npm Intellisense
Instant Markdown
Markdown Shortcuts
TextTransform
自定义设置参考
VS Code 自定义配置参考:1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21{
"editor.fontSize": 18,
"files.associations": {
"*.es": "javascript",
"*.es6": "javascript"
},
// 控制编辑器是否应呈现空白字符
"editor.renderWhitespace": true,
// 启用后,将在保存文件时剪裁尾随空格。
"files.trimTrailingWhitespace": true,
// File extensions that can be beautified as javascript or JSON.
"beautify.JSfiles": [
"",
"es",
"es6",
"js",
"json",
"jsbeautifyrc",
"jshintrc"
]
}