好用到飞起的十款vscode插件(前端篇)

作为一名前端,适当的使用一些插件能让你的开发体验和效率提升数倍,下面就来分享本人使用的前端 VSCode 插件!

1.GitHub Copilot

好用到飞起的十款vscode插件(前端篇)_第1张图片

GitHub Copilot 通过在你编写代码时提供内联建议,为你的工作提供帮助。GitHub Copilot 是 AI 届程序员。 可以使用 GitHub Copilot 在编辑器中获取整行或整个函数的建议。

如果你是高校学生,那么你可以申请github学生认证,由此可以免费获取此插件免费使用权,这里附上学生认证地址 点击前往

你只需写下一段注释,Copilot就可以补全剩下的代码、提出改进的建议,为程序员省去大量查找的时间,而且可以保持更高的专注力。

以下是简单使用Copilot插件生成的一个冒泡排序函数 好用到飞起的十款vscode插件(前端篇)_第2张图片

2.AWS Toolkit

好用到飞起的十款vscode插件(前端篇)_第3张图片 AWS Toolkit是亚马逊推出的一款插件,能够实现辅助编程的功能,已经集成在VSCode和IntelliJ IDEA等主流的IDE中。相比于Copilot,这款插件个人使用完全免费,这点相比于Copilot来说相对好一点。使用方法和Copilot差不多。

3.CSS Navigation

CSS Navigation是一款通过点击类名id标签名即可跳转到具体样式定义的插件,以下是简单使用 好用到飞起的十款vscode插件(前端篇)_第4张图片

4.Todo Tree

Todo Tree可以帮助你标记你项目中的代码,合理的使用此插件便于你后期优化和排除bug 好用到飞起的十款vscode插件(前端篇)_第5张图片 好用到飞起的十款vscode插件(前端篇)_第6张图片 想要获得上图的效果,默认的配置是无法达成的,在这里附上我的配置

js
复制代码
{
     //todo-tree 标签配置  标签兼容大小写字母(很好的功能!!!)
  "todo-tree.regex.regex": "((%|#|//|
                    

你可能感兴趣的:(vscode,前端,状态模式,开发语言,python,java,学习)