Flutter资源索引生成插件 FlutterAssetsGenerator

FlutterAssetsGenerator就是为了解决Flutter中资源引用这一个蛋疼的方式而来的

1、安装

插件已上传插件市场,因而打开Preferences->Plugins,在Marketplace可以直接搜索安装
Flutter资源索引生成插件 FlutterAssetsGenerator_第1张图片

2、配置assets目录

​ 插件会从pubspec.yaml文件下读取assets目录,因此要使用本插件,你需要在pubspec.yaml下配置资源目录:

flutter:

  # The following line ensures that the Material Icons font is
  # included with your application, so that you can use the icons in
  # the material Icons class.
  uses-material-design: true

  # To add assets to your application, add an assets section, like this:
  assets:
    - assets/images/

3、使用

配置完成目录后,即可生成资源索引文件了:
Flutter资源索引生成插件 FlutterAssetsGenerator_第2张图片
插件默认的快捷键是Alt/Opt + G。
Flutter资源索引生成插件 FlutterAssetsGenerator_第3张图片
插件也会自动检测assets目录下的文件变动,如果发生变动会自动生成新的内容。如果你不需要这个,你也可以关掉。
Flutter资源索引生成插件 FlutterAssetsGenerator_第4张图片
资源左侧的icon是可以点击的,点击可以定位到文件处。如果资源是svg,还会显示预览。(至于图片预览为啥还没显示,目前调试有点问题,所以还没展示)
在这里插入图片描述

插件默认生成的文件目录在lib/generated目录下,如果你不喜欢,你可以自己更改,目录支持多级,以/分割。索引文件的类名默认是Assets,如果你希望Android一点,你也可以改为R。
​ 插件默认打开了自动检测功能,如果不需要的时候可以关掉。
​ 资源索引默认命名是小驼峰式,更符合dart语言规范。开启Named with parent会为资源索引加上一级文件夹名,如果有重名的会再多取一级,如果想要索引短一点,可以关掉此选项

你可能感兴趣的:(Flutter,flutter)