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  关闭所有窗口
调试
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

emmet快速编写html代码语法

https://www.cnblogs.com/summit7ca/p/6944215.html

你可能感兴趣的:(VS Code 使用总结)