VS Code 使用总结
常用插件
通用
中文:Chinese (Simplified) Language Pack for Visual Studio Code
图标:vscode-icons
git历史管理:GitLens
git可视化操作:GitHub Pull Requests
项目快速切换:project manager
跑各种语言代码:code runner
路径提示:Path Intellisense
路径补全:Path Autocomplete
测试:Wallaby.js
同步vscode配置:Settings Sync
todo高亮:TODO Highlight
拼写单词检查:Code Spell Checker
颜色主题:Best Dark Themes Pack
前端开发
html提示:HTML Snippets
html标签补全:Auto Close Tag
html自动重命名:Auto Rename Tag
html实时预览:HTML Preview
css提示:HTML CSS Support
jQuery提示:jQuery Code Snippets
Bootstrap提示:Bootstrap 3 Sinnpet
vue开发:Vetur
vue语法提示:Vue 2 Snippets
格式化代码:prettier
粘贴和缩进:paste and indent
在默认浏览器打开:Open HTML in Default Browser
和chrom联动调试:Debugger for Chrome
js代码规范:eslint
不同括号设置不同颜色:Bracket Pair Colorizer
浏览器同步更新页面:Live Server
同步更新页面预览:Live Server Preview
高亮匹配标签:Highlight Matching Tag
导入包成本提示:Import Cost
elementui提示:Vscode-element-helper
live sass compiler:动态编译sass/scss
python开发
python环境配置:python
python源码查看:python for vscode
python运行过程结构查看:python preview
其他
更多优质插件参考:https://www.jianshu.com/p/cef382657441
vscode插件和配置参考:https://www.cnblogs.com/why-not-try/p/7873401.html
查看安装命令:@installed
快捷键
编辑
ctrl+shift+p/f1 显示全局快捷键
ctrl+p 查看最近打开的文件
alt+shift+↑/↓ 复制行
alt+↑/↓ 移动行
ctrl+i 选中当前行
ctrl+shift+k 删除行
alt+shift+f 格式化代码
ctrl+shift+| 跳到花括号的另一边
ctrl+shift+[/] 折叠/展开花括号内容
alt+shift+a 块区域注释
ctrl+d 匹配相同字符
ctrl+shift+l 匹配所有相同字符
命令
ctrl+p 文件搜索
ctrl+g 跳到某一行
ctrl+shift+f 全局搜索
ctrl+shift+h 全局替换
ctrl+` 打开终端
ctrl+shift+` 新建终端
ctrl+shift+v 预览markdown
ctrl+shift+n 打开一个新的vscode
ctrl+shift++/- 视图放大/缩小
ctrl+shift+d 打开debug
ctrl+| 切割窗口
ctrl+f4 关闭当前窗口
ctrl+w 关闭所有窗口
ctrl+shift+o 顶部显示大纲
ctrl+shift+p -> 焦点在大纲视图上 左下角显示大纲
调试
f9 添加/解除断点
f5 启动调试
f10 单步跳过
f11/shift+f11 单步跳入/跳出
自定义
打开文件->首选项->键盘快捷方式设置
更多快捷键参考:https://baijiahao.baidu.com/s?id=1626592348988752335&wfr=spider&for=pc
版本控制
vscode下git命令操作:https://blog.csdn.net/qq_43679030/article/details/84961859
vscode下git可视化操作:https://blog.csdn.net/euphorias/article/details/98483011