前端常用的VSCode插件🧰(下)

258 阅读1分钟

前言

“君子生非异也,善假于物也”。身为一个开发人员,没有开发工具的帮助,开发过程也许会困难重重。书接上篇,本文将继续记录本人前端开发中常用的VSCode插件。

16.indent-rainbow

image.png

使用不同颜色高亮代码中的缩进

17.Javascript(ES6) code snippets

image.png

常见的Javascript ES6代码片段

18.JavaScript and TypeScript Nightly

image.png

启用Typescript@next支持VSCode内置的JavscriptTypescript

19.Live Server

image.png

能够启动一个具有静态和动态页面实时重新加载功能的本地开发服务器

20.Material Icon Theme

image.png

根据文件后缀显示不同的文件图标,基于Material Design Icons

image.png

21.open in browser

image.png

能够直接将本地文件在浏览器中打开

22.Open in Github, Bitbucket, Gitlab, VisualStudio.com !

image.png

能够直接从VSCode编辑器中的代码跳转到GithubBitbucketVisualstudio.comGitLab中的源代码行

23.Path Intellisense

image.png

能够智能引入文件路径的插件

24.Rainglow

image.png

超过320个编辑器主题的集合,美丽主题,一个插件就搞定

image.png

25.Regex Previewer

image.png

能够预览正则表达式的验证结果的插件

26.SVG

image.png

SVG编码、压缩、预览等功能于一身的插件

27.Total Typescript

image.png

Typescript学习、语法提示和错误翻译等功能于一身的插件

28.Typescript Vue Plugin (Volar)

image.png

提供对VUE3Typescipt良好支持的插件

29.Vue Language Features (Volar)

image.png

提供VUE3良好支持的官方插件