docs: 更新文档, 增加gif

CHANGELOG.md

@@ -2,9 +2,12 @@
 🚀 [提交问题](https://github.com/any86/any-rule/issues/new)
 
 ### 0.1.1 (2020-02-20)
+![gif](https://user-gold-cdn.xitu.io/2020/2/23/1706df78b18466fd?w=954&h=372&f=gif&s=1732199)
 - 优化"zz."体验, 改用"quickPick"组件以支持"模糊搜索".
 - 增加"设置"功能, 可以在设置中搜索"any-rule".
 
+
+
 ### 0.1.0
 - 新增支持在文件中输入"zz."唤醒正则列表.
 

README.md

@@ -2,17 +2,28 @@
 
 支持**图形界面** / **vscode插件**2种查询方式.
 
-## :rocket:图形界面
+## :rocket:web版
 https://any86.github.io/any-rule/
 
 ## 🍭vscode插件
-1. 安装vscode中插件搜索框输入**any-rule**
-2. 安装完毕后按**F1**(或者ctrl+shift+p).
-3. 输入"**zz**"可以看到正则列表.
-4. 或者**输入关键词**, 比如"手机".
+
+### 安装
+vscode应用商店中搜索**any-rule**
+
+### 使用
+**方式1:**
+1. 安装完毕后按**F1**(或者ctrl+shift+p).
+2. 输入"**zz**"可以看到正则列表.
+3. 或者**输入关键词**, 比如"手机".
 
 ![预览gif](https://user-gold-cdn.xitu.io/2020/1/10/16f8e01a684a0a18?w=420&h=243&f=gif&s=414162)
 
+**方式2:**
+
+在任意文件任意代码中输入"**zz.**"
+
+![预览gif](https://user-gold-cdn.xitu.io/2020/2/23/1706df78b18466fd?w=954&h=372&f=gif&s=1732199)
+
 ## :fire:关于PR
 欢迎大家PR, 步骤如下:
 1. **正则**请在**packages/www/src/RULES.js**中添加.