GA黄金甲

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

本篇文章给各人整理分享10个用于flutter开发的最佳vscode扩展,希望对各人有所资助!

1.Pubspec Assist

你是否厌倦了在pub.dev上寻找须要的Flutter和Dart包?你应该给Pubspec Assist扩展一个时机。这个扩展允许你在不放弃编辑器的情形下搜索软件包,然后将它们附加到pubspec.yaml文档中。别的,它允许你通过用逗号脱离问题来同时寻找许多包。

2.Error Lens

在开发历程中,过失和忠言是正常的,但我们用来处置惩罚它们的要领是奇异的。在VS Code编辑器中,过失和忠言通常显示在底部,我们必需转动列表以审查是否有其他问题。【推荐学习:vscode教程、编程教学】

Error Lens扩展突出显示了代码中的过失行,并在行尾附加了过失细节。过失图标也会显示在沟槽中。

别的,你可以在settings.json文件中自界说过失高亮的颜色。这将使你的过失显得越发诱人。

3.Flutter Tree

当构建具有大宗widget的应用程序时,很难在树中识别小部件。Flutter Tree扩展以简化的语法建设所需的widget树。这使得建设widget树变得越发容易,但你必需使用它自己的语法来做,如下所示。

4.Bracket Pair Colorizer 2

我们经常迷失在嵌套类和小部件的迷宫中,铺张了大宗的时间和精神试图找到准确的括号对。当涉及到定位过失的括号时,Bracket Pair Colorizer 2是一个救世主。

您也可以自界说括号对的颜色。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

5.Dart Data Class Generator

通常,我们会忽略类中所需要领的建设。VS Code有一个适用程序,允许你添加缺氨赡要领,但你一次只能添加一个。Dart Data Class Generator战胜了这个问题,它使用基于类属性或原始JSON的结构函数、copyWith、toMap、fromMap、toJson、fromJson、toString、operator ==和hashCode要领来构建Dart数据类,正如其名称所体现的。

这个扩展还按字母顺序对导入举行排序,并将它们转换为适当的名堂。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

6.Flutter Stylizer

治理一个结构不充分的重大代码库,会降低工程师的效率。Flutter Stylizer扩展通过以一致和有主见的方法组织你的要领来消除这个问题。

这个工具以下列方法组织文件中的类:

结构函数–命名的结构函数–公共静态变量–公共实例变量–公共笼罩变量–私有静态变量–私有实例变量–公共笼罩要领–其他公共要领–构建要领。

Flutter自己提供了名堂化的选择,然而,它只对Dart文件举行名堂化,它不会对代码举行重新排序。Flutter凭证这些名堂化规则来名堂化代码。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

7.Better Comments

若是所有的注释都接纳相同的名堂,我们将无法凭证主要性来安排事情,并且有忽略主要使命的危害。Better Comments扩展有助于建设富厚多彩的注释,这使他们更具可读性。这样可以更容易地跟踪代码注释。

你所要做的就是用*、!、?或TODO最先注释,它就会以指定的方法被着色。你还可以使用settings.json文件建设你自己的注释气概。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

8.Color Highlight

在构建程序时,我们治理普遍的颜色选择,但假设我们正在编程的颜色在代码编辑器中是可见的?这将是很是有利的显示程序的颜色,而不需要启动程序。Color Highlight插件可以审查代码中通过样式化颜色指定的颜色。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

9.Markdownlint

Flutter项目中没有验证器可以确保检测到README.md或CHANGELOG.md文档中的问题。为了填补这一点,Markdownlint插件提供了一套准则,以勉励Markdown文件的标准和统一性。你可以使用这个扩展来检查外地的问题,并在实时宣布之前验证内容。

在这张图片中,你可以看到一些过失,如多个一连的空行,问题级别应该递增一个,以及列表应该被空行困绕。与此相关,我想提醒你,你可以通过使用预览按钮在VS Code中预览Markdown文件。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

10.JSON to Dart Model

当处置惩罚大宗的JSON文件时,为每个文件构建Dart模子是很艰辛的。JSON to Dart Model为给定的JSON字符串建设一个Dart类。通过在你的JSON键中添加r@或d@,可以使JSON值成为必需或默认值,JSON to Dart Model将为你爆发Dart模子。

在下图中,JSON文件显示在左边,所需的类和属性显示在右边,这是从JSON文件中使用JSON to Dart Model扩展天生。

【整理分享】10个VSCode中用于Flutter开发的最佳扩展

更多关于VSCode的相关知识,请会见:vscode基础教程!

以上就是【整理分享】10个VSCode中用于Flutter开发的最佳扩展的详细内容,更多请关注本网内其它相关文章!

免责说明:以上展示内容泉源于相助媒体、企业机构、网友提供或网络网络整理,版权争议与本站无关,文章涉及看法与看法不代表GA黄金甲滤油机网官方态度,请读者仅做参考。本文接待转载,转载请说明来由。若您以为本文侵占了您的版权信息,或您发明该内容有任何涉及有违公德、冒犯执法等违法信息,请您连忙联系GA黄金甲实时修正或删除。

相关新闻

联系GA黄金甲

18523999891

可微信在线咨询

事情时间:周一至周五,9:30-18:30,节沐日休息

QR code
【网站地图】【sitemap】