0

0

vscode中常用的36个前端插件,直接搜索下载!

青灯夜游

青灯夜游

发布时间:2021-08-19 10:47:50

|

6310人浏览过

|

来源于掘金--枫913

转载

vscode中常用的36个前端插件,直接搜索下载!

趁着空了的时间,把常用的一些vscode插件整理一下,方便后面更换电脑又得重新去搜索下载 ,需要的同学可以先收藏一下,后续有get到一些新的插件会继续更新!【推荐学习:《vscode教程》】

1. Indent-Rainbow

让缩进带有颜色

2. Material Icon Theme

好看的文件图标

3. Beautify

代码格式化

4. Power Mode

一款酷炫的键盘敲击动效

立即学习前端免费学习笔记(深入)”;

5. Vetur

强大的vue开发支持工具

6. vscode-fileheader

文件头部注释信息

7. Vue CSS Peek

为单页面的 vue 文件提供 css 转定义的支持

8. Vue Peek

点击组件可以跳转至组件定义的文件

9. Vue VSCode Snippets

Vue中的一些data、method等函数自动补全提示,方便快速编写代码;

10. 小霸王

一款在vscode里可以玩的超级玛丽

11. A-super-translate

划词翻译。鼠标停留选中几秒就会查看翻译内容。

12. filesize

在状态栏中显示当前文件大小。

13. TabNine

Al辅助代码补全神器。可以根据你写过的代码习惯,来给你匹配合适的字段。

14. Auto Close Tag

自动闭合标签

15. Auto Import

自动导入模块

16. Auto Rename Tag

更改标签名时结束标签名自动重命名

17. Quokka

是一个调试工具插件,能够根据你正在编写的代码提供实时反馈。它易于配置,并能够预览变量的函数和计算值结果。另外,在使用 JSX 或 TypeScript 项目中,它能够开箱即用。

18. CSS Peek

使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

19. HTML Boilerplate

通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

DM6在线读报系统
DM6在线读报系统

DM6在线读报系统ASPX 免费版2.0。如果您是一个DM广告公司的网站管理员,正在寻求一套程序或源码可以让公司网站具有一套配合网站整体架构的电子杂志频道,那您现在可找对了。请仔细阅读以下关于DM6在线读报系统的说明。 这是一个网站用户可以直接在线阅读报纸且无需插件(连Flash都不用)、无需下载、无需安装的在线读报系统(服务器端模块),通过将此系统放到网站文件目录中即可轻松生成网站的在线读报频道

下载

20. Better Comments

通过添加彩色注释来改进您的代码并使其更具吸引力。

21. Error Lens

将编辑器诊断出的警告、错误、语法问题(提示的波浪线)等,以用颜色填充行背景的方式突出提示,并将诊断信息显示在尾部。

22. Prettier

是目前 Web 开发中最受欢迎的代码格式化程序。安装了这个插件,它就能够自动应用 Prettier,并将整个 JS 和 CSS 文档快速格式化为统一的代码样式。如果你还想使用 ESLint,那么还有个Prettier – Eslint 插件,你可不要错过咯!

23. color highlight

一款比较常用的代码高亮插件

24. Color Picker

颜色选择器

25. Git Blame

能够查出那段代码是谁写的

26. ESLint

eslint插件

27. TODO Highlight

TODO高亮显示

28. Trailing Spaces

突出显示尾随空格,让你的“空格”型强迫症 显示呈现

29. VS Code Counter

统计代码总行数、注释行数、空白行数,以及使用的语言。

30. Bracket Pair Colorizer

给匹配的括号着色

31. Code Spell Checker

拼写检查器。比如 banana 单词写错成 banane ,会提示你是否修改成 banana ,也可以将 banane 添加至检查器的字典中。

32. Path Intellisense

自动完成文件名

33. Rainbow Fart

官方概述:VSCode Rainbow Fart是一个在你编程时持续夸你写的牛逼的扩展,可以根据代码关键字播放贴近代码意义的真人语音。

34. any-rule

可以在vscode里快捷使用正则表达式,不需要借助度娘了!

35. ## Todo Tree

Todo Tree 是一个提示待办事件的插件,在代码注释最前面加上//TODO,整个注释就会高亮显示;

36. ## project-tree

这是一个自动生成项目结构的插件;

更多编程相关知识,请访问:编程入门!!

相关专题

更多
css
css

css是层叠样式表,用来表现HTML或XML等文件样式的计算机语言,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

524

2023.06.15

css居中
css居中

css居中:1、通过“margin: 0 auto; text-align: center”实现水平居中;2、通过“display:flex”实现水平居中;3、通过“display:table-cell”和“margin-left”实现居中。本专题为大家提供css居中的相关的文章、下载、课程内容,供大家免费下载体验。

268

2023.07.27

css如何插入图片
css如何插入图片

cssCSS是层叠样式表(Cascading Style Sheets)的缩写。它是一种用于描述网页或应用程序外观和样式的标记语言。CSS可以控制网页的字体、颜色、布局、大小、背景、边框等方面,使得网页的外观更加美观和易于阅读。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

761

2023.07.28

css超出显示...
css超出显示...

在CSS中,当文本内容超出容器的宽度或高度时,可以使用省略号来表示被隐藏的文本内容。本专题为大家提供css超出显示...的相关文章,相关教程,供大家免费体验。

541

2023.08.01

css字体颜色
css字体颜色

CSS中,字体颜色可以通过属性color来设置,用于控制文本的前景色,字体颜色在网页设计中起到很重要的作用,具有以下表现作用:1、提升可读性;2、强调重点信息;3、营造氛围和美感;4、用于呈现品牌标识或与品牌形象相符的风格。

762

2023.08.10

什么是css
什么是css

CSS是层叠样式表(Cascading Style Sheets)的缩写,是一种用于描述网页(或其他基于 XML 的文档)样式与布局的标记语言,CSS的作用和意义如下:1、分离样式和内容;2、页面加载速度优化;3、实现响应式设计;4、确保整个网站的风格和样式保持统一。

606

2023.08.10

css三角形怎么写
css三角形怎么写

CSS可以通过多种方式实现三角形形状,本专题为大家提供css三角形怎么写的相关教程,大家可以免费体验。

561

2023.08.21

css设置文字颜色
css设置文字颜色

CSS(层叠样式表)可以用于设置文字颜色,这样做有以下好处和优势:1、增加网页的可视化效果;2、突出显示某些重要的信息或关键字;3、增强品牌识别度;4、提高网页的可访问性;5、引起不同的情感共鸣。

397

2023.08.22

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

58

2026.01.23

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.6万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号