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

相关文章
|
1月前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
85 1
|
12天前
|
前端开发 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。
31 5
vscode10大常用插件
|
13天前
|
前端开发 安全 测试技术
[译]一种基于模块联邦的插件前端
[译]一种基于模块联邦的插件前端
|
17天前
|
前端开发 IDE 开发工具
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
OpenSumi问题之OpenSumi 对于 VS Code 插件生态要如何支持
|
1月前
|
JavaScript 前端开发 开发者
【颠覆你的前端世界!】VSCode + ESLint + Prettier:一键拯救Vue代码于水深火热之中,打造极致编程体验之旅!
【8月更文挑战第9天】随着前端技术的发展,保持代码规范一致至关重要。本文介绍如何在VSCode中利用ESLint和Prettier检查并格式化Vue.js代码。ESLint检测代码错误,Prettier保证风格统一。首先需安装VSCode插件及Node.js包,然后配置ESLint和Prettier选项。在VSCode设置中启用保存时自动修复与格式化功能。配置完成后,VSCode将自动应用规则,提升编码效率和代码质量。
162 1
|
21天前
|
JSON 前端开发 JavaScript
这 2 个插件,让你的 vscode更牛逼
这 2 个插件,让你的 vscode更牛逼
|
28天前
|
前端开发 开发者
在前端开发中,webpack 作为模块打包工具,其 DefinePlugin 插件可在编译时动态定义全局变量,支持环境变量定义、配置参数动态化及条件编译等功能。
在前端开发中,webpack 作为模块打包工具,其 DefinePlugin 插件可在编译时动态定义全局变量,支持环境变量定义、配置参数动态化及条件编译等功能。本文阐述 DefinePlugin 的原理、用法及案例,包括安装配置、具体示例(如动态加载资源、配置接口地址)和注意事项,帮助开发者更好地利用此插件优化项目。
30 0
|
29天前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
33 0
|
1月前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
90 0
|
2月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
127 3