VSCode常用插件整理

文章目录

  • 1.Auto Rename Tag
  • 2.GitLens
  • 3.vscode-icons
  • 4. Auto Close Tag
  • 5.ES7+ React/Redux/React-Native snippets
  • 6.JavaScript Debugger (Nightly)
  • 7.Image preview
  • 8.Chinese (Simplified)
  • 9.Todo Tree
  • 10. Tabnine
  • 11.Live Server

1.Auto Rename Tag

在这里插入图片描述
该插件可以帮助开发者在重命名HTML或者XML标签时,其相对应的结束标签自动补齐,防止开发者忘记修改结束标签。
在这里插入图片描述

2.GitLens

在这里插入图片描述
该插件可以帮助开发者看到更改或者开发某行/代码块的开发者,commit信息和时间。
在这里插入图片描述

3.vscode-icons

在这里插入图片描述

该插件可以帮助开发者为项目中不同类型的文件夹设置不同的图标

4. Auto Close Tag

在这里插入图片描述

该插件可以帮助开发者自动补齐结束标签

5.ES7+ React/Redux/React-Native snippets

在这里插入图片描述
该插件可以帮助react开发者生成组件模板

在这里插入图片描述
在这里插入图片描述

6.JavaScript Debugger (Nightly)

在这里插入图片描述
该插件可以帮助开发者在vscode中进行代码调试、打断点等
在这里插入图片描述

7.Image preview

在这里插入图片描述
该插件可以帮助开发者将鼠标悬浮于图片链接上直接预览图片及其分辨率和大小

在这里插入图片描述

8.Chinese (Simplified)

在这里插入图片描述

该插件可以将vscode编辑器进行汉化

9.Todo Tree

在这里插入图片描述

该插件可以帮助开发者在代码中打标记
在这里插入图片描述

10. Tabnine

在这里插入图片描述

该插件是一个AI代码助手,可以辅助开发者进行代码编写,利用AI给出代码建议、代码预测,可以提升编码速度,缩短编码时间。
在这里插入图片描述

11.Live Server

在这里插入图片描述

该插件可以帮助开发者在本地开启一台服务器,去实时渲染静态或者动态页面


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部