0

0

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

青灯夜游

青灯夜游

发布时间:2023-04-10 19:13:34

|

2930人浏览过

|

来源于掘金社区

转载

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

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

1.Pubspec Assist

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

1.gif

2.Error Lens

在开发过程中,错误和警告是正常的,但我们用来处理它们的方法是独特的。在VS Code编辑器中,错误和警告通常显示在底部,我们必须滚动列表以查看是否有其他问题。【推荐学习:vscode教程编程教学

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

此外,你可以在settings.json文件中自定义错误高亮的颜色。这将使你的错误显得更加诱人。

2.webp

3.Flutter Tree

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

3.gif

4.Bracket Pair Colorizer 2

我们经常迷失在嵌套类和小部件的迷宫中,浪费了大量的时间和精力试图找到正确的括号对。当涉及到定位错误的括号时,Bracket Pair Colorizer 2是一个救世主。

您也可以自定义括号对的颜色。

4.gif

5.Dart Data Class Generator

通常,我们会忽略类中所需方法的创建。VS Code有一个实用程序,允许你添加缺少的方法,但你一次只能添加一个。Dart Data Class Generator克服了这个问题,它使用基于类属性或原始JSON的构造函数、copyWith、toMap、fromMap、toJson、fromJson、toString、operator ==和hashCode方法来构建Dart数据类,正如其名称所暗示的。

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

5.gif

6.Flutter Stylizer

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

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

ChuangxinCMS企业网站管理系统1.0
ChuangxinCMS企业网站管理系统1.0

欢迎使用ChuangxinCMS企业网站管理系统软件! ChuangxinCMS是一个采用PHP技术和MYSQL数据库开发的企业网站管理系统,使用ChuangxinCMS能在最短的时间内花费最少的成本来搭建一个功能完善的企业网站,ChuangxinCMS具有一系列完善的内容管理功能,包括文章发布、分类管理、产品发布展示、下载模块等,整个系统页面设计简洁大方,功能实用高效,是中小型企业建站的最佳选择

下载

构造函数--命名的构造函数--公共静态变量--公共实例变量--公共覆盖变量--私有静态变量--私有实例变量--公共覆盖方法--其他公共方法--构建方法。

Flutter本身提供了格式化的选择,然而,它只对Dart文件进行格式化,它不会对代码进行重新排序。Flutter根据这些格式化规则来格式化代码。

6.gif

7.Better Comments

如果所有的注释都采用相同的格式,我们将无法按照重要性来安排工作,并且有忽略重要任务的风险。Better Comments扩展有助于创建丰富多彩的注释,这使他们更具可读性。这样可以更容易地跟踪代码注释。

你所要做的就是用*?TODO开始注释,它就会以指定的方式被着色。你还可以使用settings.json文件创建你自己的注释风格。

7.webp

8.Color Highlight

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

8.webp

9.Markdownlint

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

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

9.webp

10.JSON to Dart Model

当处理大量的JSON文件时,为每个文件构建Dart模型是很费力的。编程教学0为给定的JSON字符串创建一个Dart类。通过在你的JSON键中添加r@d@,可以使JSON值成为必需或默认值,JSON to Dart Model将为你产生Dart模型。

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

10.webp

更多关于VSCode的相关知识,请访问:编程教学1!

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

412

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

533

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

310

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

74

2025.09.10

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

187

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

280

2023.10.25

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

258

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

208

2023.09.04

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

72

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
go语言零基础开发内容管理系统
go语言零基础开发内容管理系统

共34课时 | 2.6万人学习

第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号