快捷键或操作
操作 | 说明 |
---|---|
ctrl +` 或 Ctrl + J | 打开终端控制台 |
Ctrl + P | 最近操作的文件 |
shift+alt+R | 当前文件或文件夹打开资源管理 |
Ctrl + M,Ctrl + M | 代码折叠 |
Ctrl + 鼠标左键 | 查看符号定义 |
Alt + [ | 调试时前进 |
Alt + ] | 调试时回退 |
Alt + Arrow Left | 操作定位往前 |
Alt + Arrow Right | 操作定位往后 |
Ctrl + + | 编辑器(字体)放大 |
Ctrl + - | 编辑器(字体)缩小 |
Alt + L , Alt + O | 启动内置打开浏览器并打开浏览器,端口从5500 开始 |
Ctrl + Shift + T | 打开控制面板 |
Ctrl + P | 搜索,查找最近使用的文件 |
Ctrl +W | 关闭当前页面 |
Ctrl + Enter | 完成本行编辑,进入下一行 |
Ctrl + Tab | 求换编辑器标签栏 |
Ctrl + W | 关闭当前标签页 |
Shift + Del | 删除当前行,进入下一行 |
Shift + Tab | 光标会退 |
Shift + Alt + F | 快速格式化 |
Ctrl+F | 当前文件查找 |
Ctrl+Shift+F | 全局文件查找 |
Alt+D | Database |
Alt+C | 命令行终端 |
插件管理
推荐插件
JavaScript (ES6) snippets
Bookmarks
CodeRunner
VSCode-Icons
Debugger for Chrome
Live Server
Bracket Pair Colorizer
Prettier - Code formatter
Path Intellisense
Npm Intellisense
Formatting Toggle :
Open in Browser : 打开浏览器
JS-CSS-HTML Formatter:
Auto Rename Tag
CSS Peek
汉化
Chinese(Simplified) Language Package
主题
Material Theme
Community Material Theme
Material Theme Icon
Html 相关插件
HtmlHint : 标签验证
Python 相关插件
Python
Python for VSCode
Java 相关
Java Extension Pack
Spring Boot Extension Pack
Vue 相关插件
插件名称 | 功能 |
---|---|
vetur | vue 代码提示、高亮等的集成插件 |
vscode-vue | |
Vue Inline Template | |
Vue Snippets(vue-ls) | |
Vue VS Code Extension Pack | |
Vue VSCode Snippets | |
VueHelper | |
Vue Peek | 单击文件跳转 |
css-peek | 单击跳转到样式,生效 |
vue-css-peek | 单击样式跳转(貌似没效果) |
配置用户代码段
设置-用户代码片段