分享几款必备的插件神器（不烂大街款）

晚风予星
77 阅读1分钟

1、VSCode插件

1.1、Color Highlight

image.png

  • 这款插件的效果如下：不仅仅在css中显示颜色，只要遇见颜色相关的，就会显示该颜色，可以很方便、很直观的看出是什么颜色

image.png

image.png

1.2、File Nesting Updater

image.png

  • 这款插件，提供了文件嵌套，可以令你的项目文件树更加清晰与简洁

  • 没启用这款插件前，文件树非常长 image.png

  • 启用这款插件后，文件树安分类嵌套，更加简洁 image.png

1.3、SonarLint

image.png

  • 这款插件可识别并帮助你在编写代码时解决质量和安全问题。像拼写检查器一样，SonarLint 会显示缺陷并提供实时反馈和清晰的修复指导，以便从一开始就提供干净的代码。

  • 它会在有质量代码的旁边显示存在的问题，以及会在编辑器下方显示所有打开文件中存在的代码质量问题

image.png

image.png

2、Chrome插件

2.1、ChatGPT for Google

image.png

  • 这款插件会出现在浏览器的右上方，在进行搜索时，这款插件也会向ChatGPT进行询问

image.png

2.2、沉浸式翻译

image.png

  • 这款插件，免费版就够用了

image.png

  • 下图示例是React的英文文档，启用翻译后，英文和中文可以同时存在，可以很有效的帮助英语不好的同学，简直是神器

image.png

2.3、FeHelper(前端助手)

image.png

  • 原本我以为，这个插件只有JSON美化的功能，点进来后才发现原来还有这么多的工具可以安装

image.png

avatar
文章
阅读
粉丝