VSCode

快捷键或操作

操作 说明
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 单击样式跳转(貌似没效果)

配置用户代码段

设置-用户代码片段

你可能感兴趣的:(开发工具,vscode,ide,编辑器)