VS Code科学操作笔记---kalrry前言一、VS Code常用快捷键篇二、VSCode设置代码自动保存三、VS Code常用插件篇

175 阅读 0 评论 116 点赞

我是靠谱客的博主殷勤宝马，这篇文章主要介绍VS Code科学操作笔记---kalrry前言一、VS Code常用快捷键篇二、VSCode设置代码自动保存三、VS Code常用插件篇，现在分享给大家，希望可以做个参考。

VS Code科学操作笔记---kalrry

前言
一、VS Code常用快捷键篇
二、VSCode设置代码自动保存
三、VS Code常用插件篇

前言

Win配置记录
Mac配置记录

一、VS Code常用快捷键篇

除过cva还有：

项目	方法	备注
快速补全html初始代码	`！`+`Tab`
注释/取消注释	`Ctrl`+`/`
移动到行首	`HOME`
移动到行尾	`END`
移动到文首	`Ctrl`+`HOME`
移动到文尾	`Ctrl`+`END`
向上/下复制一行	`Shift+Alt`+`Up`/`Down`
向上/下移动一行	`+Alt`+`Up`/`Down`
移动到行尾	`END`
Win下格式化文档	`Shift`+`Alt`+`F`
Mac下格式化文档	`Shift`+`Option`+`F`

二、VSCode设置代码自动保存

实现自动保存格式化代码,如下：
1、【文件】→【首选项】→【设置】
2、搜索emmet.include;
3、在setting.json下的【用户】中添加以下语句：


"editor.formatOnType":true,
"editor.formatOnSave":true

只需要设置一次，即可实现自动保存格式化代码
看不懂的进传送门.

三、VS Code常用插件篇

插件	作用	备注
Chinese	VS Code汉化插件	尽量用英文环境教程--待完成
Vibrancy	VS Code毛玻璃效果	win下测试正常教程--待完成
Windows opacity	另一种VS Code透明效果	win下测试正常教程--待完成
Browser preview	在VS Code中打开浏览器预览	适合单屏情况页面下实时预览目前(2021/05/31)测试插件有问题
Live Server	打开本地浏览器实时预览	适合多屏下使用备选插件open in browser
Polacode	高颜值代码截图插件	提高博客、文案类的代码观赏性教程--待完成
Javascript Booster	提供代码的另一种写法建议	很适合代码优化
Bracket Pair Colorizer	用来快速定位寻找大括号	合代阅读代码时使用
REST Client	在VS Code中调试接口	很好用的代码调试插件教程--待完成
Better Comments	在VS Code代码注释高亮插件	很好用的代码调试插件教程--待完成
TODO Highlight	快速列出TODO-BUG清单	注释修改bug专用，避免遗忘
Auto Rename Tag	自动重命名配对的Html、XML标签
CSS Peek	追踪至样式
JS-CSS-HTMLFormatter	每次保存都会自动格式化JS、CSS和Html代码
WakeTime	统计写代码时间，及常用代码占比统计	备选插件Code Time
GitLens	Git 神器，码农必备
Sftp	将本地文件通过ftp
HighLight-icemode	选中相同的代码时，让高亮显示更加明显	VSCode的高亮就可以关掉
VS Code-icons	根据文件的后缀名来显示不同的图标
Project Manager	方便多个项目管理
超级鼓励师	用来摸鱼学习的好东西	具体作用自己探索
koroFileHeader	一键生成VS Code佛祖保佑插件可自定义生成自己的注释	佛祖也得会代码--好难 Ctrl+Shift+P搜索-codeDesign