Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/uni-helper/uni-app-snippets-vscode

uni-app 的 VSCode 代码片段
https://github.com/uni-helper/uni-app-snippets-vscode
Last synced: 2 days ago
JSON representation
uni-app 的 VSCode 代码片段
Host: GitHub
URL: https://github.com/uni-helper/uni-app-snippets-vscode
Owner: uni-helper
License: mit
Created: 2022-11-14T07:24:45.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2024-08-07T05:58:10.000Z (3 months ago)
Last Synced: 2024-08-08T09:06:02.973Z (3 months ago)
Language: TypeScript
Homepage:
Size: 1 MB
Stars: 3
Watchers: 1
Forks: 2
Open Issues: 2
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project

awesome-uni-app - vscode - helper/uni-app-snippets-vscode) - uni-app 基本能力代码片段。 (编辑器 / IDE 插件)
README

        # @uni-helper/uni-app-snippets-vscode

[![License](https://img.shields.io/github/license/uni-helper/uni-app-snippets-vscode?label=License&color=brightgreen)](https://github.com/uni-helper/uni-app-snippets-vscode/blob/main/LICENSE)

[![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/uni-helper.uni-app-snippets-vscode?label=VS%20Marketplace&color=brightgreen)](https://marketplace.visualstudio.com/items?itemName=uni-helper.uni-app-snippets-vscode)

[![Open VSX Version](https://img.shields.io/open-vsx/v/uni-helper/uni-app-snippets-vscode?label=Open%20VSX&color=brightgreen)](https://open-vsx.org/extension/uni-helper/uni-app-snippets-vscode)

[改动日志](https://github.com/uni-helper/uni-app-snippets-vscode/blob/main/CHANGELOG.md)

想让 `uni-app` 开发变得更直观、高效？想要更好的 `uni-app` 开发体验？不妨看看 [uni-helper 主页](https://uni-helper.js.org) 和 [uni-helper GitHub Organization](https://github.com/uni-helper)！

## 插件特性

- uni-app 基本能力代码片段

- 参考 [uni-app 官方组件文档](https://uniapp.dcloud.io/component/)

- 参考 [Vue.js 2 风格指南](https://v2.cn.vuejs.org/v2/style-guide/) 和 [Vue.js 3 风格指南](https://cn.vuejs.org/style-guide/)

**插件和文档的冲突之处，请以文档为准。**

插件源代码在 [uni-helper/uni-app-snippets-vscode](https://github.com/uni-helper/uni-app-snippets-vscode)。欢迎提交 ISSUE 和 PR 改进本插件。

## 使用

安装插件后重启 VSCode 即可。

## HTML

|API|Prefix|Description|

|-|-|-|

|`VUE3`|`platform-vue3`, `vue3`|uni-app VUE3 对应的 %PLATFORM 值。更多信息查看 。|

|`UNI-APP-X`|`platform-uni-app-x`, `uni-app-x`|uni-app UNI-APP-X 对应的 %PLATFORM 值。更多信息查看 。|

|`uniVersion`|`platform-uni-version`, `platform-uniVersion`, `uni-version`, `uniVersion`|uni-app uniVersion 对应的 %PLATFORM 值。更多信息查看 。|

|`APP`|`platform-app`, `app`|uni-app APP 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-PLUS`|`platform-app-plus`, `app-plus`|uni-app APP-PLUS 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-PLUS-NVUE`|`platform-app-plus-nvue`, `app-plus-nvue`|uni-app APP-PLUS-NVUE 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-NVUE`|`platform-app-nvue`, `app-nvue`|uni-app APP-NVUE 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-ANDROID`|`platform-app-android`, `app-android`|uni-app APP-ANDROID 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-IOS`|`platform-app-ios`, `app-ios`|uni-app APP-IOS 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-HARMONY`|`platform-app-harmony`, `app-harmony`|uni-app APP-HARMONY 对应的 %PLATFORM 值。更多信息查看 。|

|`H5`|`platform-h5`, `h5`|uni-app H5 对应的 %PLATFORM 值。更多信息查看 。|

|`WEB`|`platform-web`, `web`|uni-app WEB 对应的 %PLATFORM 值。更多信息查看 。|

|`MP-WEIXIN`|`platform-mp-weixin`, `mp-weixin`, `platform-weixin`, `weixin`, `platform-mp-wechat`, `mp-wechat`, `platform-wechat`, `wechat`|uni-app 微信小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-ALIPAY`|`platform-mp-alipay`, `mp-alipay`, `platform-alipay`, `alipay`, `platform-mp-ali`, `mp-ali`, `platform-ali`, `ali`, `platform-mp-my`, `mp-my`, `platform-my`, `my`|uni-app 支付宝小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-BAIDU`|`platform-mp-baidu`, `mp-baidu`, `platform-baidu`, `baidu`, `platform-mp-swan`, `mp-swan`, `platform-swan`, `swan`|uni-app 百度小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-TOUTIAO`|`platform-mp-toutiao`, `mp-toutiao`, `platform-toutiao`, `toutiao`, `platform-mp-bytedance`, `mp-bytedance`, `platform-bytedance`, `bytedance`|uni-app 字节跳动小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-LARK`|`platform-mp-lark`, `mp-lark`, `platform-lark`, `lark`|uni-app 飞书小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-QQ`|`platform-mp-qq`, `mp-qq`, `platform-qq`, `qq`|uni-app QQ 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-KUAISHOU`|`platform-mp-kuaishou`, `mp-kuaishou`, `platform-kuaishou`, `kuaishou`|uni-app 快手小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-JD`|`platform-mp-jd`, `mp-jd`, `platform-jd`, `jd`|uni-app 京东小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-360`|`platform-mp-360`, `mp-360`, `platform-360`, `360`|uni-app 360 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-XHS`|`platform-mp-xhs`, `mp-xhs`, `platform-xhs`, `xhs`|uni-app 小红书小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP`|`platform-mp`, `mp`, `platform-miniprogram`, `miniprogram`|uni-app 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW`|`platform-quickapp`, `quickapp`, `platform-quickapp-webview`, `quickapp-webview`|uni-app 快应用通用对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW-UNION`|`platform-quickapp-union`, `quickapp-union`, `platform-quickapp-webview-union`, `quickapp-webview-union`|uni-app 快应用联盟对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW-HUAWEI`|`platform-quickapp-huawei`, `quickapp-huawei`, `platform-quickapp-webview-huawei`, `quickapp-webview-huawei`|uni-app 快应用华为对应的 %PLATFORM 值。更多信息查看 。|

|``|`#ifdef`, `ifdef`|uni-app 条件编译，处理某平台。更多信息查看 。|

|``|`#ifndef`, `ifndef`|uni-app 条件编译，排除某平台。更多信息查看 。|

|``|`#endif`, `endif`|uni-app 结束条件编译。更多信息查看 。|

|``|`view`, ``|uni-app 视图容器，用于包裹各种元素内容。更多信息查看 。|

|``|`scroll-view`, ``|uni-app 可滚动视图区域。竖向滚动时，需要给一个固定高度。更多信息查看 。|

|``|`swiper`, ``|uni-app 滑块视图容器。子组件只能是 swiper-item。竖向滑动时，需要给一个固定高度。更多信息查看 。|

|``|`swiper-item`, ``|uni-app swiper 的子组件，宽高自动设置为 100%。更多信息查看 。|

|``|`match-media`, ``|uni-app 可适配不同屏幕的基本视图组件。更多信息查看 。|

|``|`movable-area`, ``|uni-app 可拖动区域组件，指代可拖动的范围。子组件只能是 movable-view。更多信息查看 。|

|``|`movable-view`, ``|uni-app 可移动的视图容器。只能是 movable-area 的子组件。更多信息查看 。|

|``|`cover-view`, ``|uni-app 覆盖在原生组件上的文本视图。更多信息查看 。|

|``|`cover-image`, ``|uni-app 覆盖在原生组件上的图片视图。可以嵌套在 cover-view 里。更多信息查看 。|

|``|`icon`, ``|uni-app 图标。更多信息查看 。|

|``|`text`, ``|uni-app 文本组件。用于包裹文本内容。更多信息查看 。|

|``|`rich-text`, ``|uni-app 富文本。更多信息查看 。|

|``|`progress`, ``|uni-app 进度条。更多信息查看 。|

|``|`button`, ``|uni-app 按钮。更多信息查看 。|

|``|`checkbox-group`, ``|uni-app 多选框组。更多信息查看 。|

|``|`checkbox`, ``|uni-app 多选框。更多信息查看 。|

|``|`editor`, ``|uni-app 富文本编辑器，可以对图片、文字格式进行编辑和混排。更多信息查看 。|

|``|`form`, ``|uni-app 表单，将组件内的用户输入的 switch input checkbox slider radio picker 提交。更多信息查看 。|

|``|`input`, ``|uni-app 输入框。更多信息查看 。|

|``|`label`, ``|uni-app 用来改进表单组件的可用性。更多信息查看 。|

|``|`picker-selector`, ``|uni-app 单列选择器。更多信息查看 。|

|``|`picker-multi`, `picker-multi-selector`, ``, ``|uni-app 多列选择器。更多信息查看 。|

|``|`picker-time`, ``|uni-app 时间选择器。更多信息查看 。|

|``|`picker-date`, ``|uni-app 日期选择器。更多信息查看 。|

|``|`picker-region`, ``|uni-app 区域选择器。更多信息查看 。|

|``|`picker-view`, ``|uni-app 比 picker 更灵活的嵌入页面的滚动选择器。子组件只能是 picker-view-column。更多信息查看 。|

|``|`picker-view-column`, ``|uni-app picker-view 的子组件。更多信息查看 。|

|``|`radio-group`, ``|uni-app 单选框组。更多信息查看 。|

|``|`radio`, ``|uni-app 单选框。更多信息查看 。|

|``|`slider`, ``|uni-app 滑动选择器。更多信息查看 。|

|``|`switch`, ``|uni-app 开关选择器。更多信息查看 。|

|``|`textarea`, ``|uni-app 多行输入框。更多信息查看 。|

|``|`navigator`, ``|uni-app 页面跳转组件。只能跳转本地页面。目标页面必须已注册。更多信息查看 。|

|``|`audio`, ``|uni-app 音频组件。请考虑使用 uni.createInnerAudioContext 代替。更多信息查看 。|

|``|`camera`, ``|uni-app 页面内嵌的区域相机组件。请考虑使用 uni.chooseImage 或 uni.chooseVideo 代替。更多信息查看 。|

|``|`image`, ``|uni-app 图片组件。更多信息查看 。|

|``|`video`, ``|uni-app 视频组件。更多信息查看 。|

|``|`live-player`, ``|uni-app 直播拉流组件。更多信息查看 。|

|``|`live-pusher`, ``|uni-app 直播推流组件。更多信息查看 。|

|``|`map`, ``|uni-app 地图组件。更多信息查看 。|

|``|`canvas`, ``|uni-app 画布组件。更多信息查看 。|

|``|`web-view`, ``|uni-app 浏览器组件，自动铺满整个页面。更多信息查看 。|

|``|`ad`, ``|uni-app 应用内展示的广告组件。更多信息查看 。|

|``|`ad-draw`, ``|uni-app 【APP-NVUE 专用】应用内竖屏沉浸视频流广告。更多信息查看 。|

|``|`ad-content-page`, ``|uni-app 【ANDROID-NVUE 专用】应用内短视频内容联盟组件。更多信息查看 。|

|``|`page-meta`, ``|uni-app 页面属性配置节点，用于指定页面的一些属性、监听页面事件。只能是页面内第一个组件。更多信息查看 。|

|``|`navigation-bar`, ``|uni-app 页面导航条配置节点，用于指定导航栏的一些属性。只能是 page-meta 组件第一个子组件。更多信息查看 。|

|``|`custom-tab-bar`, ``|uni-app 【H5 专用】自定义 TabBar 组件。更多信息查看 。|

|``|`open-data`, ``|uni-app 用于展示平台开放的数据。更多信息查看 。|

|``|`barcode`, ``|uni-app 【APP-NVUE 专用】扫码组件。更多信息查看 。|

|``|`list`, ``|uni-app 【APP-NVUE 专用】列表组件。更多信息查看 。|

|``|`cell`, ``|uni-app 【APP-NVUE 专用】列表项组件。更多信息查看 。|

|``|`recycle-list`, ``|uni-app 【APP-NVUE 专用】列表组件。更多信息查看 。|

|``|`cell`, ``|uni-app 【APP-NVUE 专用】列表项组件。更多信息查看 。|

|``|`waterfall`, ``|uni-app 【APP-NVUE 专用】瀑布流组件。更多信息查看 。|

|``|`refresh`, ``|uni-app 【APP-NVUE 专用】列表下拉刷新组件。更多信息查看 。|

## CSS/LESS/SCSS/SASS/STYLUS

|API|Prefix|Description|

|-|-|-|

|`VUE3`|`platform-vue3`, `vue3`|uni-app VUE3 对应的 %PLATFORM 值。更多信息查看 。|

|`UNI-APP-X`|`platform-uni-app-x`, `uni-app-x`|uni-app UNI-APP-X 对应的 %PLATFORM 值。更多信息查看 。|

|`uniVersion`|`platform-uni-version`, `platform-uniVersion`, `uni-version`, `uniVersion`|uni-app uniVersion 对应的 %PLATFORM 值。更多信息查看 。|

|`APP`|`platform-app`, `app`|uni-app APP 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-PLUS`|`platform-app-plus`, `app-plus`|uni-app APP-PLUS 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-PLUS-NVUE`|`platform-app-plus-nvue`, `app-plus-nvue`|uni-app APP-PLUS-NVUE 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-NVUE`|`platform-app-nvue`, `app-nvue`|uni-app APP-NVUE 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-ANDROID`|`platform-app-android`, `app-android`|uni-app APP-ANDROID 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-IOS`|`platform-app-ios`, `app-ios`|uni-app APP-IOS 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-HARMONY`|`platform-app-harmony`, `app-harmony`|uni-app APP-HARMONY 对应的 %PLATFORM 值。更多信息查看 。|

|`H5`|`platform-h5`, `h5`|uni-app H5 对应的 %PLATFORM 值。更多信息查看 。|

|`WEB`|`platform-web`, `web`|uni-app WEB 对应的 %PLATFORM 值。更多信息查看 。|

|`MP-WEIXIN`|`platform-mp-weixin`, `mp-weixin`, `platform-weixin`, `weixin`, `platform-mp-wechat`, `mp-wechat`, `platform-wechat`, `wechat`|uni-app 微信小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-ALIPAY`|`platform-mp-alipay`, `mp-alipay`, `platform-alipay`, `alipay`, `platform-mp-ali`, `mp-ali`, `platform-ali`, `ali`, `platform-mp-my`, `mp-my`, `platform-my`, `my`|uni-app 支付宝小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-BAIDU`|`platform-mp-baidu`, `mp-baidu`, `platform-baidu`, `baidu`, `platform-mp-swan`, `mp-swan`, `platform-swan`, `swan`|uni-app 百度小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-TOUTIAO`|`platform-mp-toutiao`, `mp-toutiao`, `platform-toutiao`, `toutiao`, `platform-mp-bytedance`, `mp-bytedance`, `platform-bytedance`, `bytedance`|uni-app 字节跳动小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-LARK`|`platform-mp-lark`, `mp-lark`, `platform-lark`, `lark`|uni-app 飞书小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-QQ`|`platform-mp-qq`, `mp-qq`, `platform-qq`, `qq`|uni-app QQ 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-KUAISHOU`|`platform-mp-kuaishou`, `mp-kuaishou`, `platform-kuaishou`, `kuaishou`|uni-app 快手小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-JD`|`platform-mp-jd`, `mp-jd`, `platform-jd`, `jd`|uni-app 京东小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-360`|`platform-mp-360`, `mp-360`, `platform-360`, `360`|uni-app 360 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-XHS`|`platform-mp-xhs`, `mp-xhs`, `platform-xhs`, `xhs`|uni-app 小红书小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP`|`platform-mp`, `mp`, `platform-miniprogram`, `miniprogram`|uni-app 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW`|`platform-quickapp`, `quickapp`, `platform-quickapp-webview`, `quickapp-webview`|uni-app 快应用通用对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW-UNION`|`platform-quickapp-union`, `quickapp-union`, `platform-quickapp-webview-union`, `quickapp-webview-union`|uni-app 快应用联盟对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW-HUAWEI`|`platform-quickapp-huawei`, `quickapp-huawei`, `platform-quickapp-webview-huawei`, `quickapp-webview-huawei`|uni-app 快应用华为对应的 %PLATFORM 值。更多信息查看 。|

|`/* #ifdef */`|`#ifdef`, `ifdef`|uni-app 条件编译，处理某平台。更多信息查看 。|

|`/* #ifndef */`|`#ifndef`, `ifndef`|uni-app 条件编译，排除某平台。更多信息查看 。|

|`/* #endif */`|`#endif`, `endif`|uni-app 结束条件编译。更多信息查看 。|

|`var(--status-bar-height)`|`--status-bar-height`, `var(--status-bar-height)`|uni-app 系统状态栏高度变量。更多信息查看 。|

|`var(--window-top)`|`--window-top`, `var(--window-top)`|uni-app 内容区域距离顶部的距离变量。更多信息查看 。|

|`var(--window-bottom)`|`--window-bottom`, `var(--window-bottom)`|uni-app 内容区域距离底部的距离变量。更多信息查看 。|

## JSON With Comments (`pages.json`)

请参考 [User and Workspace Settings](https://code.visualstudio.com/docs/getstarted/settings) 和 [Language Identifiers](https://code.visualstudio.com/docs/languages/identifiers) 调整你的 VS Code 设置，将 `pages.json` 视为 JSONC 文件，否则 VS Code 会报错。下面是一个修改 `settings.json` 的例子。

```jsonc

{

  "files.associations": {

    "pages.json": "jsonc"

  }

}

```

|API|Prefix|Description|

|-|-|-|

|`VUE3`|`platform-vue3`, `vue3`|uni-app VUE3 对应的 %PLATFORM 值。更多信息查看 。|

|`UNI-APP-X`|`platform-uni-app-x`, `uni-app-x`|uni-app UNI-APP-X 对应的 %PLATFORM 值。更多信息查看 。|

|`uniVersion`|`platform-uni-version`, `platform-uniVersion`, `uni-version`, `uniVersion`|uni-app uniVersion 对应的 %PLATFORM 值。更多信息查看 。|

|`APP`|`platform-app`, `app`|uni-app APP 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-PLUS`|`platform-app-plus`, `app-plus`|uni-app APP-PLUS 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-PLUS-NVUE`|`platform-app-plus-nvue`, `app-plus-nvue`|uni-app APP-PLUS-NVUE 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-NVUE`|`platform-app-nvue`, `app-nvue`|uni-app APP-NVUE 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-ANDROID`|`platform-app-android`, `app-android`|uni-app APP-ANDROID 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-IOS`|`platform-app-ios`, `app-ios`|uni-app APP-IOS 对应的 %PLATFORM 值。更多信息查看 。|

|`APP-HARMONY`|`platform-app-harmony`, `app-harmony`|uni-app APP-HARMONY 对应的 %PLATFORM 值。更多信息查看 。|

|`H5`|`platform-h5`, `h5`|uni-app H5 对应的 %PLATFORM 值。更多信息查看 。|

|`WEB`|`platform-web`, `web`|uni-app WEB 对应的 %PLATFORM 值。更多信息查看 。|

|`MP-WEIXIN`|`platform-mp-weixin`, `mp-weixin`, `platform-weixin`, `weixin`, `platform-mp-wechat`, `mp-wechat`, `platform-wechat`, `wechat`|uni-app 微信小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-ALIPAY`|`platform-mp-alipay`, `mp-alipay`, `platform-alipay`, `alipay`, `platform-mp-ali`, `mp-ali`, `platform-ali`, `ali`, `platform-mp-my`, `mp-my`, `platform-my`, `my`|uni-app 支付宝小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-BAIDU`|`platform-mp-baidu`, `mp-baidu`, `platform-baidu`, `baidu`, `platform-mp-swan`, `mp-swan`, `platform-swan`, `swan`|uni-app 百度小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-TOUTIAO`|`platform-mp-toutiao`, `mp-toutiao`, `platform-toutiao`, `toutiao`, `platform-mp-bytedance`, `mp-bytedance`, `platform-bytedance`, `bytedance`|uni-app 字节跳动小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-LARK`|`platform-mp-lark`, `mp-lark`, `platform-lark`, `lark`|uni-app 飞书小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-QQ`|`platform-mp-qq`, `mp-qq`, `platform-qq`, `qq`|uni-app QQ 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-KUAISHOU`|`platform-mp-kuaishou`, `mp-kuaishou`, `platform-kuaishou`, `kuaishou`|uni-app 快手小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-JD`|`platform-mp-jd`, `mp-jd`, `platform-jd`, `jd`|uni-app 京东小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-360`|`platform-mp-360`, `mp-360`, `platform-360`, `360`|uni-app 360 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP-XHS`|`platform-mp-xhs`, `mp-xhs`, `platform-xhs`, `xhs`|uni-app 小红书小程序对应的 %PLATFORM 值。更多信息查看 。|

|`MP`|`platform-mp`, `mp`, `platform-miniprogram`, `miniprogram`|uni-app 小程序对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW`|`platform-quickapp`, `quickapp`, `platform-quickapp-webview`, `quickapp-webview`|uni-app 快应用通用对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW-UNION`|`platform-quickapp-union`, `quickapp-union`, `platform-quickapp-webview-union`, `quickapp-webview-union`|uni-app 快应用联盟对应的 %PLATFORM 值。更多信息查看 。|

|`QUICKAPP-WEBVIEW-HUAWEI`|`platform-quickapp-huawei`, `quickapp-huawei`, `platform-quickapp-webview-huawei`, `quickapp-webview-huawei`|uni-app 快应用华为对应的 %PLATFORM 值。更多信息查看 。|

|`// #ifdef ${1\|VUE3,UNI-APP-X,uniVersion,APP,APP-PLUS,APP-PLUS-NVUE,APP-NVUE,APP-ANDROID,APP-IOS,APP-HARMONY,H5,WEB,MP-WEIXIN,MP-ALIPAY,MP-BAIDU,MP-TOUTIAO,MP-LARK,MP-QQ,MP-KUAISHOU,MP-360,MP,QUICKAPP-WEBVIEW,QUICKAPP-WEBVIEW-UNION,QUICKAPP-WEBVIEW-HUAWEI\|}`|`#ifdef`, `ifdef`|uni-app 条件编译，处理某平台。更多信息查看 。|

|`// #ifndef ${1\|VUE3,UNI-APP-X,uniVersion,APP,APP-PLUS,APP-PLUS-NVUE,APP-NVUE,APP-ANDROID,APP-IOS,APP-HARMONY,H5,WEB,MP-WEIXIN,MP-ALIPAY,MP-BAIDU,MP-TOUTIAO,MP-LARK,MP-QQ,MP-KUAISHOU,MP-360,MP,QUICKAPP-WEBVIEW,QUICKAPP-WEBVIEW-UNION,QUICKAPP-WEBVIEW-HUAWEI\|}`|`#ifndef`, `ifndef`|uni-app 条件编译，排除某平台。更多信息查看 。|

|`// #endif`|`#endif`, `endif`|uni-app 结束条件编译。更多信息查看