1，git clone git@github.com:MiEcosystem/miot-plugin-sdk.git

2，在miot-plugin-sdk/下面执行npm install

3，创建项目npm run create — –models xxx.xxx.x1|xxx.xxx.x2 xxx.yyy.zzz

注: xxx.xxx.x1~2为项目注册的model
xxx.yyy.zzz 为项目路径名

4，修改miot-plugin-sdk-master\projects\tech.tankun.switch下的project.json文件，添加如图models，对应自己APP的model，还有开发者ID

备注：记得创建时候写了models，但是生成时候饼没有生效，所以自己手动添加model了。

5，

米家开发板APP，首页“我的”-> 设置 -> 开发者选项 -> RN设备插件调试设置，开启设备 rn 调试 选中，插件包名 填写miot-plugin-sdk/projects 下项目的相对路径 如：com.xiaomi.demo 设备 model 按照插件包名对应路径的设备填写 如：xiaomi.demo.v1。

6，

如果电脑上配置了 adb，连接手机后输入 adb reverse tcp:8081 tcp:8081 或者用力摇动手机出现的弹框 -> Dev Settings -> Debug server host & port for device,设置npm start的 ip 和端口，就是运行npm你的电脑的ip地址，端口一般默认是8081。如：192.168.1.2:8081,

7，

最后运行 npm start ，点击手机米家app对应设备页面的 Reload。

注意，这个start是运行在项目目录，就是project下面，不能再往里，往里执行会报错的。

打开米家APP，登录如下测试账号：用户名:923522198, 密码:123asdzxc

备注：

Chrome 开发者工具

在开发者菜单中选择”Debug JS Remotely”选项，即可以开始在 Chrome 中调试 JavaScript 代码。点击这个选项的同时会自动打开调试页面 http://localhost:8081/debugger-ui.(如果地址栏打开的是 ip 地址，则请自行改为 localhost)

在 Chrome 的菜单中选择Tools → Developer Tools可以打开开发者工具，也可以通过键盘快捷键来打开（Mac 上是Command⌘ + Option⌥ + I，Windows 上是Ctrl + Shift + I或是 F12）。打开有异常时暂停（Pause On Caught Exceptions）选项，能够获得更好的开发体验。

注意：Chrome 中并不能直接看到 App 的用户界面，而只能提供 console 的输出，以及在 sources 项中断点调试 js 脚本。一些老的教程和文章会提到 React 的 Chrome 插件，这一插件目前并不支持 React Native，而且调试本身并不需要这个插件。不过你可以安装独立（非插件）版本的 React Developer Tools 来辅助查看界面布局，下文会讲述具体安装方法。

注意：使用 Chrome 调试目前无法观测到 React Native 中的网络请求，你可以使用功能更强大的第三方的react-native-debugger来进行观测。

使用自定义的 JavaScript 调试器来调试

如果想用其他的 JavaScript 调试器来代替 Chrome，可以设置一个名为REACT_DEBUGGER的环境变量，其值为启动自定义调试器的命令。调试的流程依然是从开发者菜单中的”Debug JS Remotely”选项开始。

被指定的调试器需要知道项目所在的目录（可以一次传递多个目录参数，以空格隔开）。例如，如果你设定了REACT_DEBUGGER="node /某个路径/launchDebugger.js --port 2345 --type ReactNative"，那么启动调试器的命令就应该是node /某个路径/launchDebugger.js --port 2345 --type ReactNative /某个路径/你的RN项目目录。

以这种方式执行的调试器最好是一个短进程（short-lived processes），同时最好也不要有超过 200k 的文字输出。