作为前端开发,工作中最常使用的编辑器就是VSCode,深度挖掘了解才能够提高开发效率,本文介绍了一些简单但是却能明显提高前端开发效率的配置
一、VSCode快捷键
减少鼠标操作 = 节省时间 = 提高效率
- shift + alt + 下键 #向下复制当前行
- ctrl + D #选中多个元素
- ctrl + enter #光标自动换行
- ctrl + F #文档搜索
- ctrl + B #打开关闭侧边栏
- Alt + B #打开默认浏览器
- ctrl + n #新建文件
- ctrl + r #快速打开最近打开的文件夹/项目
- ctrl + ~ #打开关闭控制台
- crtl + shift + n #新建窗口
VSCode基本插件
1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Codev1.82.202
适合中国宝宝的代码插件,麻麻再也不用担心我看不懂英语
2.open in browserv2.0.0
打开浏览器
3.Live Serverv5.7.9
实时展现你的操作,无需重复打开浏览器,最小化即可
4.any-rulev0.3.18
正则大全,你想要的这里都有
5.Tabnine: AI Autocomplete & Chat for Javascript, Python, Typescript, PHP, G
自动提示代码,对新手小白很友好
6.Prettier - Code formatterv10.1.0
代码格式化,让代码看起来更加美观