【利器篇】前端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,一起学习。

相关文章
|
22天前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
49 3
|
23天前
|
JavaScript 安全
下载安装 vscode(含汉化、插件的推荐和安装)
下载安装 vscode(含汉化、插件的推荐和安装)
23 0
下载安装 vscode(含汉化、插件的推荐和安装)
|
1月前
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
45 4
|
1月前
|
移动开发 前端开发 JavaScript
揭秘VSCode魔法工具箱:HTML5 & CSS3 超强插件集合 + Css Reset与Normalize.css的终极对决
揭秘VSCode魔法工具箱:HTML5 & CSS3 超强插件集合 + Css Reset与Normalize.css的终极对决
|
14天前
|
人工智能 JavaScript 开发工具
【完全免费】VS Code 最好用的 12 款 AI 代码提示插件!!!
🎉 探索12款免费VSCode AI代码提示插件:Codeium、Codegeex、CodeFuse、TONGYI Lingma、Comate、iFlyCode、Fitten Code、Bito AI、Mintlify Doc Writer、Kodezi AI、aiXcoder、IntelliCode。这些插件提供智能补全、代码生成、注释、优化,支持多种语言,提升编程效率!🚀👩‍💻👨‍💻
67 0
|
25天前
|
前端开发 JavaScript API
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(下)
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(下)
18 0
|
25天前
|
监控 JavaScript 前端开发
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(上)
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(上)
20 0
|
25天前
|
前端开发 JavaScript UED
只会用插件可不行,这些前端动画技术同样值得收藏-CSS篇
只会用插件可不行,这些前端动画技术同样值得收藏-CSS篇
22 0
|
25天前
|
JSON 数据格式
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
3. 使用 VsCode 开发 uni-app 项目需要使用到的插件
32 0
|
25天前
|
缓存
如何彻底卸载VSCode及其原来的插件配置缓存
如何彻底卸载VSCode及其原来的插件配置缓存
63 0