（vs code）Flutter资源图片自动化配置扩展：flut

声明：扩展灵感来自于asset_generator

vs code编辑器可以在扩展商店搜索 flutter-img-sync 安装即可使用，Android Studio及IDEA里面使用看这里

功能：将资产目录下的图片自动添加到pubspec.yaml的assets配置下面，并生成R文件，代码中直接引用R文件下的定义即可

step1.创建资产图片存放目录

创建资产图片存放目录 如: ./assets/img

step2.修改pubspec.yaml

定义资产图片存放目录，如:

assets:
# assets-generator-begin
# assets/img/*
# assets-generator-end

step3.执行扩展命令: FlutterImgSync

• 命令执行后，图片将会被自动放置到pubspec.yaml文件的assets变量中
• ./lib/r.dart 将会被创建
• 在代码中导入r.dart文件，然后引用R类的变量

图片演示

创建图片存放目录 修改pubspec.yaml 执行扩展命令 assets图片资源自动放置并生成r.dart 使用R文件