diff --git a/README.md b/README.md
index 4ba1c31..4bff3dd 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,38 @@
-# ccc-devtools
+# ccc-devtools v1.0
 Cocos Creator 网页调试器，运行时查看、修改节点树，实时更新节点属性。
 
+## 功能
 
+- [x] 拖拽布局
+- [x] 节点搜索
+- [x] 实时刷新节点信息
+- [ ] 自定义布局等配置
+- [ ] 组件信息
+
+## 预览
+
+![preview](./screenshots/preview.gif)
+
+## 使用
+
+1. 点击 Creator 右上角进入编辑器 resources 目录，再依次进入`static/preview-templates`目录
+
+   ![t1](./screenshots/t1.png)
+
+2. 将本项目clone到上面的目录下
+
+   ![t2](./screenshots/t2.png)
+
+3. 打开`index.jade`,找到`body`里最后一个`div`，在下面添加`include ./ccc-devtools/index.html`
+
+   ![t3](./screenshots/t3.png)
+
+
+## 已知问题
+
+- 当有大量节点动态加载时，可能需要手动点击一下右上角的刷新按钮来重载节点树。
+- 当升级 Cococs Creator 时会清空resources目录，需要重新下载配置，如自定义了一些配置，请做好备份。
+
+## 需求、更新
 
 https://github.com/potato47/ccc-devtools
\ No newline at end of file
diff --git a/index.html b/index.html
index fadacd3..3f55123 100644
--- a/index.html
+++ b/index.html
@@ -212,16 +212,21 @@
 				this.$refs.sceneTree.filter(val);
 			}
 		},
-		created: function() {
+		created: function () {
 			let top = document.getElementById('top')
 			// top.insertBefore(document.getElementsByClassName('toolbar')[0], top.firstChild);
 			top.appendChild(document.getElementsByClassName('toolbar')[0]);
 			document.getElementById('game_panel').appendChild(document.getElementById('content'));
-// 			let content = document.getElementById('content');
+			// let content = document.getElementById('content');
 			// content.insertBefore(document.getElementById('searchInput'), content.firstChild);
 
 			intervalId = setInterval(() => {
 				if (window.cc) {
+					let scene = cc.director.getScene();
+					if (scene) {
+						this.$data.sceneTreeData = scene.children;
+						this.defaultExpandedKeys = [this.$data.sceneTreeData[0]._id];
+					}
 					cc.director.on(cc.Director.EVENT_AFTER_SCENE_LAUNCH, () => {
 						this.$data.sceneTreeData = cc.director.getScene().children;
 						this.defaultExpandedKeys = [this.$data.sceneTreeData[0]._id];
@@ -237,4 +242,4 @@
 			}, 1000);
 		}
 	});
-</script>
+</script>
\ No newline at end of file
diff --git a/screenshots/preview.gif b/screenshots/preview.gif
new file mode 100644
index 0000000..b816f79
Binary files /dev/null and b/screenshots/preview.gif differ
diff --git a/screenshots/t1.png b/screenshots/t1.png
new file mode 100644
index 0000000..21c695d
Binary files /dev/null and b/screenshots/t1.png differ
diff --git a/screenshots/t2.png b/screenshots/t2.png
new file mode 100644
index 0000000..8cf6ea4
Binary files /dev/null and b/screenshots/t2.png differ
diff --git a/screenshots/t3.png b/screenshots/t3.png
new file mode 100644
index 0000000..94b2608
Binary files /dev/null and b/screenshots/t3.png differ