update readme.md

README.md

@@ -3,6 +3,8 @@
 
 ## 瑞库客 商城应用 📦
 
+## 在运行和构建应用前请详细阅读本文档
+
 ## Before Started
 
 `fluwx` 和 `sharesdk_plugin`冲突 ，参考 [ShareSDK(分享插件)和Fluwx(微信支付插件)存在冲突](https://github.com/OpenFlutter/fluwx/blob/master/doc/QA_CN.md#sharesdk%E5%88%86%E4%BA%AB%E6%8F%92%E4%BB%B6%E5%92%8Cfluwx%E5%BE%AE%E4%BF%A1%E6%94%AF%E4%BB%98%E6%8F%92%E4%BB%B6%E5%AD%98%E5%9C%A8%E5%86%B2%E7%AA%81)
@@ -62,6 +64,18 @@
 
 ## Getting Started
 
+### 预安装软件包
+
+在运行应用前请使用`./command/resource_gen.sh`来生成图片
+
+该命令需要安装`flutter_resource_generator`,在终端中运行
+
+```bash
+flutter pub global activate flutter_resource_generator
+```
+
+* [flutter_resource_generator](https://pub.flutter-io.cn/packages/flutter_resource_generator)
+
 开发分支在`master`,`main.dart`中isDebug参数为`true`
 
 发行分支在`release`,`main.dart`中isDebug参数为`false`
@@ -70,9 +84,13 @@
 
 ## Design Guide Book
 
-* 设计宽 Design Width `rSize`
-* 设计高 Design Height `rSize`
+### 设计宽 Design Width `rSize`
 
-example:
+### 设计高 Design Height `rSize`
 
+example:
 rSize(`value`) `value` is design `pt`
+
+### 使用自动生成的图片
+
+假设你有一张图片`assets/live/user.png`,你只需要使用`R.ASSETS_LIVE_USER_PNG`即可使用该图片