diff --git a/docs/snippet.md b/docs/snippet.md
index 1b792015f2f27b51b4ca9f4b25d7c42105b64b13..c5b3e34eb17adea7a94cadc9db58075d7bd2e748 100644
--- a/docs/snippet.md
+++ b/docs/snippet.md
@@ -1,39 +1,39 @@
-
+
### 使用代码块直接创建组件模板
-为提升开发效率，HBuilderX将 ```uni-app``` 常用代码封装成了以 ```u``` 开头的代码块，如在 ```template``` 标签内输入 ```ulist``` 回车，会自动生成如下代码：
-
-```
-
-
-
- {{item.value}}
-
-
-
-```
-
-代码块分为Tag代码块、JS代码块，如在 ```script``` 标签内输入 ```uShowToast``` 回车，会自动生成如下代码：
-
-```
-uni.showToast({
- title: '',
- mask: false
- duration: 1500
-});
-```
-
-```uni-app```已支持代码块见下方列表。
-
-
-#### Tag代码块
-
-- uButton
-- uCheckbox
-- uGrid：宫格，需引用uni ui
-- uList：列表，需引用uni ui
-- uListMedia
-- uRadio
+为提升开发效率，HBuilderX将 ```uni-app``` 常用代码封装成了以 ```u``` 开头的代码块，如在 ```template``` 标签内输入 ```ulist``` 回车，会自动生成如下代码：
+
+```
+
+
+
+ {{item.value}}
+
+
+
+```
+
+代码块分为Tag代码块、JS代码块，如在 ```script``` 标签内输入 ```uShowToast``` 回车，会自动生成如下代码：
+
+```
+uni.showToast({
+ title: '',
+ mask: false
+ duration: 1500
+});
+```
+
+```uni-app```已支持代码块见下方列表。
+
+
+#### Tag代码块
+
+- uButton
+- uCheckbox
+- uGrid：宫格，需引用uni ui
+- uList：列表，需引用uni ui
+- uListMedia
+- uRadio
- uSwiper
- ......
@@ -42,25 +42,25 @@ uni.showToast({
除组件外，其他常用代码块包括：
- viewfor：生成一段带有v-for循环结构的视图代码块
-- vbase：生成一段基本的vue代码结构
-
-#### JS代码块
-
-##### uni api代码块
-- uRequest
-- uGetLocation
-- uShowToast
-- uShowLoading
-- uHideLoading
-- uShowModal
-- uShowActionSheet
-- uNavigateTo
-- uNavigateBack
-- uRedirectTo
-- uStartPullDownRefresh
-- uStopPullDownRefresh
-- uLogin
-- uShare
+- vbase：生成一段基本的vue代码结构
+
+#### JS代码块
+
+##### uni api代码块
+- uRequest
+- uGetLocation
+- uShowToast
+- uShowLoading
+- uHideLoading
+- uShowModal
+- uShowActionSheet
+- uNavigateTo
+- uNavigateBack
+- uRedirectTo
+- uStartPullDownRefresh
+- uStopPullDownRefresh
+- uLogin
+- uShare
- uPay
- ......
@@ -74,12 +74,12 @@ uni.showToast({
- vComponents：输出 components: {}
##### 其他常用js代码块
-- iff：简单if
-- forr：for循环结构体
-- fori：for循环结构体并包含i
-- funn：函数
+- iff：简单if
+- forr：for循环结构体
+- fori：for循环结构体并包含i
+- funn：函数
- funa：匿名函数
-- rt：return true
+- rt：return true
- clog：输出："console.log()"
- clogvar：增强的日志输出，可同时把变量的名字打印出来
- varcw：输出："var currentWebview = this.$mp.page.$getAppWebview()"
@@ -115,32 +115,32 @@ uni.showToast({
### 关于 App 的调试
-
-自 `HBuilderX 2.0.3+ Alpha` 版本起开始支持 `App` 端的调试
-
-#### 打开调试窗口
-在 `HBuilderX` 中，正确运行项目： `运行 --> 运行到手机或模拟器 --> 选择设备`，项目启动后，在下方的控制台选择 `debug` 图标。
-
-
-
-正确打开调试窗口后，显示如下：
-
-
-#### 调试页面
-在调试窗口控制台的 Sources （图中指示1） 栏，可以给 js 打断点调试。
-
-在 uniapp:// （图中指示2）下找到需要调试的页面，单击打开 ，在右侧可以看到我们需要调试的内容（图中指示3）。在需要调试的代码行号的位置，点击打上断点（图中指示4）。
-
-
-
-之后，在设备上进行操作，进入断点位置，可以方便我们跟踪调试代码。
-
-
-
-Tip
-- 不支持非自定义组件模式
-- `vue` 和 `nvue` 页面都能打断点调试
-- 目前仅支持 `nvue` 页面查看元素，`vue` 页面暂不支持，`Android` 暂不支持查看 `style`
+
+自 `HBuilderX 2.0.3+` 版本起开始支持 `App` 端的调试。
+
+#### 打开调试窗口
+在 `HBuilderX` 中，正确运行项目： `运行 --> 运行到手机或模拟器 --> 选择设备`，项目启动后，在下方的控制台选择 `debug` 图标。
+
+
+
+正确打开调试窗口后，显示如下：
+
+
+#### 调试页面
+在调试窗口控制台的 Sources （图中指示1） 栏，可以给 js 打断点调试。
+
+在 uniapp:// （图中指示2）下找到需要调试的页面，单击打开 ，在右侧可以看到我们需要调试的内容（图中指示3）。在需要调试的代码行号的位置，点击打上断点（图中指示4）。
+
+
+
+之后，在设备上进行操作，进入断点位置，可以方便我们跟踪调试代码。
+
+
+
+Tip
+- debug仅支持自定义组件模式。如果是非自定义组件模式，请在manifest里配置选为自定义组件模式。非自定义组件模式即将停止支持，[详见](https://ask.dcloud.net.cn/article/36385)
+- `vue` 和 `nvue` 页面都能打断点调试
+- 目前仅支持 `nvue` 页面审查元素，`vue` 页面暂不支持，`Android` 暂不支持查看 `style`