VSCode开发软件使用技巧

260 阅读1分钟

  作为前端开发,工作中最常使用的编辑器就是VSCode,深度挖掘了解才能够提高开发效率,本文介绍了一些简单但是却能明显提高前端开发效率的配置

一、VSCode快捷键

减少鼠标操作 = 节省时间 = 提高效率

  1. shift + alt + 下键 #向下复制当前行
  2. ctrl + D #选中多个元素
  3. ctrl + enter #光标自动换行
  4. ctrl + F #文档搜索
  5. ctrl + B #打开关闭侧边栏
  6. Alt + B #打开默认浏览器
  7. ctrl + n #新建文件
  8. ctrl + r #快速打开最近打开的文件夹/项目
  9. ctrl + ~ #打开关闭控制台
  10. crtl + shift + n #新建窗口

VSCode基本插件

1.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Codev1.82.202

适合中国宝宝的代码插件,麻麻再也不用担心我看不懂英语

image.png

2.open in browserv2.0.0

打开浏览器

image.png

3.Live Serverv5.7.9

实时展现你的操作,无需重复打开浏览器,最小化即可

image.png

4.any-rulev0.3.18

正则大全,你想要的这里都有

image.png

5.Tabnine: AI Autocomplete & Chat for Javascript, Python, Typescript, PHP, G

自动提示代码,对新手小白很友好

image.png

6.Prettier - Code formatterv10.1.0

代码格式化,让代码看起来更加美观

image.png