uni-helper：使uni- *在其他编辑器（例如VSCode和WebStorm）中更好地工作

# vscode-uni-app-snippets ## 插件特性 - uni-app 基本能力的代码片段，包括组件和 API - 支持 vue2 - 参考 [uni-app 官方组件文档](https://uniapp.dcloud.io/component/README) - 参考 [Vue.js 风格指南](https://cn.vuejs.org/v2/style-guide/index.html) 本插件是 [uni-helper](https://marketplace.visualstudio.com/items?itemName=ModyQyW.vscode-uni-helper) 的一部分。本插件和文档的冲突之处，请以文档为准。 建议搭配 @dcloudio/types 和 @dcloudio/uni-helper-json 使用，请注意要在 tsconfig.json 内配置 @dcloudio/types。 欢迎提交 [ISSUE](https://github.com/ModyQyW/uni-helper/issues/new) 和 [PR](https://github.com/ModyQyW/uni-helper/compare) 改进本插件。 ## 使用 安装插件后重启 VSCode，打开对应的文件，编码时就会有提示。 ## HTML |API|Prefix|Description| |-|-|-| |`APP-PLUS`|`platform-app`, `platform-app-plus`, `app`, `app-plus`|uni-app APP 对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`APP-NVUE`|`platform-app-nvue`, `platform-app-plus-nvue`, `app-nvue`, `app-plus-nvue`|uni-app APP-NVUE 对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`H5`|`platform-h5`, `h5`|uni-app H5 对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP`|`platform-mp`, `mp`|uni-app 小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP-WEIXIN`|`platform-mp-weixin`, `platform-weixin`, `platform-mp-wechat`, `platform-wechat`, `mp-weixin`, `weixin`, `mp-wechat`, `wechat`|uni-app 微信小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP-ALIPAY`|`platform-mp-alipay`, `platform-alipay`, `platform-mp-ali`, `platform-ali`, `mp-alipay`, `alipay`, `mp-ali`, `ali`|uni-app 支付宝小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP-BAIDU`|`platform-mp-baidu`, `platform-baidu`, `mp-baidu`, `baidu`|uni-app 百度小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP-TOUTIAO`|`platform-mp-toutiao`, `platform-toutiao`, `platform-mp-bytedance`, `platform-bytedance`, `mp-toutiao`, `toutiao`, `mp-bytedance`, `bytedance`|uni-app 字节跳动小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP-QQ`|`platform-mp-qq`, `platform-qq`, `mp-qq`, `qq`|uni-app QQ 小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`MP-360`|`platform-mp-360`, `platform-360`, `mp-360`, `360`|uni-app 360 小程序对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`QUICKAPP-WEBVIEW`|`platform-quickapp`, `platform-quickapp-webview`, `quickapp`, `quickapp-webview`|uni-app 快应用通用对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`QUICKAPP-WEBVIEW-UNION`|`platform-quickapp-union`, `platform-quickapp-webview-union`, `quickapp-union`, `quickapp-webview-union`|uni-app 快应用联盟对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`QUICKAPP-WEBVIEW-HUAWEI`|`platform-quickapp-huawei`, `platform-quickapp-webview-huawei`, `quickapp-huawei`, `quickapp-webview-huawei`|uni-app 快应用华为对应的 %PLATFORM 值。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`<!-- #ifdef -->`|`#ifdef`, `ifdef`|uni-app 条件编译，处理某平台。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`<!-- #ifndef -->`|`#ifndef`, `ifndef`|uni-app 条件编译，排除某平台。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`<!-- #endif -->`|`#endif`, `endif`|uni-app 结束条件编译。更多信息查看 <https://uniapp.dcloud.io/platform>。| |`<view>`|`view`, `<view>`|uni-app 视图容器，用于包裹各种元素内容。更多信息查看 <https://uniapp.dcloud.io/component/view>。| |`<scroll-view>`|`scroll-view`, `<scroll-view>`|uni-app 可滚动视图区域。竖向滚动时，需要给一个固定高度。更多信息查看 <https://uniapp.dcloud.io/component/scroll-view>。| |`<swiper>`|`swiper`, `<swiper>`|uni-app 滑块视图容器。子组件只能是 swiper-item。竖向滑动时，需要给一个固定高度。更多信息查看 <https://uniapp.dcloud.io/component/swiper?id=swiper>。| |`<swiper-item>`|`swiper-item`, `<swiper-item>`|uni-app swiper 的子组件，宽高自动设置为 100%。更多信息查看 <https://uniapp.dcloud.io/component/swiper?id=swiper-item>。| |`<match-media>`|`match-media`, `<match-media>`|uni-app 可适配不同屏幕的基本视图组件。更多信息查看 <https://uniapp.dcloud.io/component/match-media>。| |`<movable-area>`|`movable-area`, `<movable-area>`|uni-app 可拖动区域组件，指代可拖动的范围。子组件只能是 movable-view。更多信息查看 <https://uniapp.dcloud.io/component/movable-view?id=movable-area>。| |`<movable-view>`|`movable-view`, `<movable-view>`|uni-app 可移动的视图容器。只能是 movable-area 的子组件。更多信息查看 <https://uniapp.dcloud.io/component/movable-view?id=movable-view>。| |`<cover-view>`|`cover-view`, `<cover-view>`|uni-app 覆盖在原生组件上的文本视图。更多信息查看 <https://uniapp.dcloud.io/component/cover-view?id=cover-view>。| |`<cover-image>`|`cover-image`, `<cover-image>`|uni-app 覆盖在原生组件上的图片视图。可以嵌套在 cover-view 里。更多信息查看 <https://uniapp.dcloud.io/component/cover-view?id=cover-image>。| |`<icon>`|`icon`, `<icon>`|uni-app 图标。更多信息查看 <https://uniapp.dcloud.io/component/icon>。| |`<text>`|`text`, `<text>`|uni-app 文本组件。用于包裹文本内容。更多信息查看 <https://uniapp.dcloud.io/component/text>。| |`<rich-text>`|`rich-text`, `<rich-text>`|uni-app 富文本。更多信息查看 <https://uniapp.dcloud.io/component/rich-text>。| |`<progress>`|`progress`, `<progress>`|uni-app 进度条。更多信息查看 <https://uniapp.dcloud.io/component/progress>。| |`<button>`|`button`, `<button>`|uni-app 按钮。更多信息查看 <https://uniapp.dcloud.io/component/button>。| |`<checkbox-group>`|`checkbox-group`, `<checkbox-group>`|uni-app 多选框组。更多信息查看 <https://uniapp.dcloud.io/component/checkbox?id=checkbox-group>。| |`<checkbox>`|`checkbox`, `<checkbox>`|uni-app 多选框。更多信息查看 <https://uniapp.dcloud.io/component/checkbox?id=checkbox>。| |`<editor>`|`editor`, `<editor>`|uni-app 富文本编辑器，可以对图片、文字格式进行编辑和混排。更多信息查看 <https://uniapp.dcloud.io/component/editor>。| |`<form>`|`form`, `<form>`|uni-app 表单，将组件内的用户输入的 switch input checkbox slider radio picker 提交。更多信息查看 <https://uniapp.dcloud.io/component/form>。| |`<input>`|`input`, `<input>`|uni-app 输入框。更多信息查看 <https://uniapp.dcloud.io/component/input>。| |`<label>`|`label`, `<label>`|uni-app 用来改进表单组件的可用性。更多信息查看 <https://uniapp.dcloud.io/component/label>。| |`<picker>`|`picker-selector`, `<picker-selector>`|uni-app 单列选择器。更多信息查看 <https://uniapp.dcloud.io/component/picker?id=%e6%99%ae%e9%80%9a%e9%80%89%e6%8b%a9%e5%99%a8>。| |`<picker>`|`picker-multi`, `picker-multi-selector`, `<picker-multi>`, `<picker-multi-selector>`|uni-app 多列选择器。更多信息查看 <https://uniapp.dcloud.io/component/picker?id=%e5%a4%9a%e5%88%97%e9%80%89%e6%8b%a9%e5%99%a8>。| |`<picker>`|`picker-time`, `<picker-time>`|uni-app 时间选择器。更多信息查看 <https://uniapp.dcloud.io/component/picker?id=%e6%97%b6%e9%97%b4%e9%80%89%e6%8b%a9%e5%99%a8>。| |`<picker>`|`picker-date`, `<picker-date>`|uni-app 日期选择器。更多信息查看 <https://uniapp.dcloud.io/component/picker?id=%e6%97%a5%e6%9c%9f%e9%80%89%e6%8b%a9%e5%99%a8>。| |`<picker>`|`picker-region