【利器篇】前端40+精选VSCode插件,总有几个你未拥有!(下)

简介: 有句话,事半功倍,其必然是借助了某些思想和工具。 VSCode是我们前端开发的武器,本文40+精选插件,让其更加锋利,无坚不摧!

REST Client rest请求



想请求某个站点的接口,axios?, express? , No No No , 打开VS code直接发请求就好。

此插件允许您直接发送 HTTP 请求并查看 visualstudio 代码中的响应。


25.JPG


Path Intellisense 引用路径智能提示



26.JPG


vscode-faker 生成虚假数据



谁还没造点假数据,就这么简单!


27.JPG


Regex Previewer 边写正则边看结果


一边写正则,一边就能看到结果,这调试真的太方便了!!!


28.JPG


SVG Viewer SVG文件预览



预览svg文件,还能到处成为图片,利器!

29.JPG


Auto Close Tag 自动关闭标签



自动添加 HTML/XML 关闭标记,与 Visual Studio IDE 或 Sublime Text 相同。


30.JPG


Auto Rename Tag 标签重命名



自动重命名成对的 HTML/XML 标记,与 Visual Studio IDE 相同。

我们总有时候会写错,那么这就可以降低你犯错后修复成本。


31.JPG


CSS Peek css定位器



我的class在哪定义的,自己都找不到了,怎么办,有请这位!!


31.JPG32.JPG


Code Spell Checker 拼写检查


妈妈再也不担心我写错单词了。 其能检查拼写错误,并给于提示,非常好的伙伴!


捕获.JPG


Color Picker 颜色选择器



那种颜色好看呢,别着急,调出色板,慢慢选择吧。


34.JPG


Sort Typescript imports import自动排序



导入太多的库了,眼花撩顺,这款插件让他们有序排列, 强迫症患者的福星。我记得eslint好像也有类似的规则。


35.JPG

Bracket Pair Colorizer 2 括号对齐利器



代码写太多,大括号太多,都不知道谁是谁的谁呢,这款插件给你明示。


36.JPG


vscode-icon 文件图标


让 vscode 资源树目录加上图标,赏心悦目!


37.JPG

39.JPG


npm npm扩展



这个扩展支持运行 package.json 文件中定义的 npm 脚本,并根据 package.json 中定义的依赖项验证已安装的模块。 是不是很酷!

38.JPG



Project Manager 项目管理利器


它可以帮助你轻松地访问你的项目,不管它们位于哪里。不要再错过那些重要的项目了

40.JPG


Live Sass Compiler SASS实时编译



一个 VSCode 扩展,它可以帮助您实时地将 SASS/SCSS 文件编译/传输到 CSS 文件中,并实时重新加载浏览器。


41.JPG


Todo Tree TODO展示


把你的TODO事项以树形结构列出来,再也不担心忘记点啥呢


42.JPG


Markdown PDF markdown转PDF



markdown写完文章,顺便生成pdf, 真的是6啊


43.JPG


写在最后



如果你觉得不错,你的一赞一评就是我前行的最大动力。

技术交流群请到 这里来。 或者添加我的微信 dirge-cloud,一起学习。

相关文章
|
8天前
|
前端开发 数据可视化 数据挖掘
前端开发者的福音:这些插件让你轻松应对各种复杂需求!
前端开发领域充满创意与挑战,面对复杂需求,开发者常感力不从心。本文通过三个真实案例,介绍如何利用Chart.js、ESLint和Ant Design等强大插件,解决数据可视化、代码质量和UI组件复用等问题,提高开发效率,创造更出色的前端作品。
15 3
|
1月前
|
前端开发 JavaScript
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
乾坤qiankun(微前端)样式隔离解决方案--使用插件替换前缀
295 8
|
28天前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
228 3
|
1月前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第11天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
65 0
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
|
1月前
|
存储 前端开发 Java
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
本文介绍了使用Kaptcha插件在SpringBoot项目中实现验证码的生成和验证,包括后端生成验证码、前端展示以及通过session进行验证码校验的完整前后端代码和配置过程。
95 0
验证码案例 —— Kaptcha 插件介绍 后端生成验证码,前端展示并进行session验证(带完整前后端源码)
|
1月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
81 0
|
2月前
|
运维 前端开发
前端使用antdesign导出插件跨域问题
前端使用antdesign导出插件跨域问题
33 1
|
3月前
|
前端开发 Go
vscode10大常用插件
本文介绍了前端开发中常用的工具及VSCode必备插件。推荐使用VSCode作为入门工具,并介绍了WebStorm和HBuilder等其他选项。VSCode插件包括:Open-In-Browser、live-server、Beautify、Code Runner、Image Preview、Path Intellisense、Turbo Console Log、css-auto-prefix、Bracket Pair Colorizer 和 Auto Rename Tag,这些插件能够显著提升开发效率和代码质量。此外,还提供了录制Gif图的工具GifCam。
133 5
vscode10大常用插件
|
2月前
|
人工智能 C++ 开发者
verilog vscode 与AI 插件
【9月更文挑战第11天】在Verilog开发中,使用Visual Studio Code(VS Code)结合AI插件能显著提升效率。VS Code提供强大的编辑功能,如语法高亮、自动补全和代码格式化;便捷的调试功能,支持多种调试器;以及丰富的插件生态。AI插件则可自动生成代码、优化现有代码、检测并修复错误,还能自动生成文档。常用插件包括Verilog AI Assistant和Verilog Language Server,可根据需求选择合适的工具组合,提高开发效率和代码质量。
123 2
|
3月前
|
前端开发 安全 测试技术
[译]一种基于模块联邦的插件前端
[译]一种基于模块联邦的插件前端