When to use this skill
Use this skill whenever the user wants to:
- Integrate uView Pro into UniAppX projects
- Configure UniAppX projects to work with uView Pro (pages.json, manifest.json, easycom)
- Handle platform-specific behaviors when using uView Pro in UniAppX (H5, mini-program, App, nvue)
- Use UniAppX features (navigation, APIs, lifecycle) with uView Pro components
- Build cross-platform UniAppX applications with uView Pro components
- Configure easycom for automatic uView Pro component import in UniAppX
- Handle navigation and routing with uView Pro in UniAppX
- Optimize UniAppX projects using uView Pro
- Deploy uView Pro-based UniAppX applications to multiple platforms
How to use this skill
This skill is organized to match UniAppX integration patterns and the official UniAppX plugin structure (https://ext.dcloud.net.cn/plugin?id=24633). When working with uView Pro in UniAppX:
Install and setup uView Pro in UniAppX project:
- Load
examples/getting-started/installation.md for installation in UniAppX
- Load
examples/getting-started/project-setup.md for UniAppX project configuration
- Load
examples/getting-started/easycom-config.md for easycom configuration
Integrate with UniAppX features:
- Load
examples/integration/pages-config.md for pages.json configuration
- Load
examples/integration/manifest-config.md for manifest.json configuration
- Load
examples/integration/navigation.md for navigation with uView Pro
- Load
examples/integration/uniappx-api.md for using UniAppX APIs with uView Pro
Handle platform-specific behaviors:
- Load
examples/platform-specific/h5.md for H5 platform considerations
- Load
examples/platform-specific/miniprogram.md for mini-program considerations
- Load
examples/platform-specific/app.md for App platform considerations
- Load
examples/platform-specific/nvue.md for nvue considerations
Advanced integration:
- Load
examples/advanced/custom-theme.md for theme customization in UniAppX
- Load
examples/advanced/build-optimization.md for build optimization
- Load
examples/advanced/multi-platform.md for multi-platform deployment
Reference the API documentation when needed:
api/integration-api.md - UniAppX and uView Pro integration APIapi/config-api.md - Configuration API reference
Use templates for quick start:
templates/basic-uniappx-project.md - Basic UniAppX project with uView Protemplates/pages-template.md - Pages configuration templatetemplates/manifest-template.md - Manifest configuration template
Important Notes:
- This skill focuses on UniAppX integration, not uView Pro API documentation
- UniAppX uses TypeScript (.uts files) and Composition API (setup syntax)
- Always configure easycom in pages.json for automatic component import
- Use conditional compilation (
#ifdef, #endif) for platform-specific code
- Test on all target platforms (H5, mini-programs, App) before deployment
- Use rpx units for responsive sizing in UniAppX
Examples and Templates
Getting Started
- Installation:
examples/getting-started/installation.md - How to install uView Pro in UniAppX projects
- Project Setup:
examples/getting-started/project-setup.md - Setting up UniAppX project with uView Pro
- Easycom Config:
examples/getting-started/easycom-config.md - Configuring easycom for automatic component import
Integration
- Pages Config:
examples/integration/pages-config.md - Configuring pages.json with uView Pro
- Manifest Config:
examples/integration/manifest-config.md - Configuring manifest.json for uView Pro
- Navigation:
examples/integration/navigation.md - Navigation and routing with uView Pro
- UniAppX API:
examples/integration/uniappx-api.md - Using UniAppX APIs with uView Pro components
Platform-Specific
- H5:
examples/platform-specific/h5.md - H5 platform considerations with uView Pro
- Mini-Program:
examples/platform-specific/miniprogram.md - Mini-program considerations with uView Pro
- App:
examples/platform-specific/app.md - App platform considerations with uView Pro
- nvue:
examples/platform-specific/nvue.md - nvue considerations with uView Pro
Advanced
- Custom Theme:
examples/advanced/custom-theme.md - Customizing themes in UniAppX projects
- Build Optimization:
examples/advanced/build-optimization.md - Optimizing UniAppX builds with uView Pro
- Multi-Platform:
examples/advanced/multi-platform.md - Multi-platform deployment strategies
Templates
- Basic Project:
templates/basic-uniappx-project.md - Basic UniAppX project structure with uView Pro
- Pages Template:
templates/pages-template.md - pages.json configuration template
- Manifest Template:
templates/manifest-template.md - manifest.json configuration template
API Reference
- Integration API:
api/integration-api.md - UniAppX and uView Pro integration API reference
- Config API:
api/config-api.md - Configuration API reference for UniAppX projects
Best Practices
- Use easycom: Configure easycom in pages.json for automatic uView Pro component import
- Platform Testing: Test on all target platforms (H5, mini-programs, App) before deployment
- Use rpx Units: Use rpx for responsive sizing in UniAppX, px for fixed sizes
- SCSS Support: Ensure SCSS is properly configured in UniAppX project
- Manifest Configuration: Properly configure manifest.json for each platform
- Conditional Compilation: Use conditional compilation (
#ifdef, #endif) for platform-specific code
- Performance: Optimize for each platform's specific requirements
- TypeScript: Use TypeScript (.uts files) and proper type definitions
- Composition API: Use Composition API and setup syntax (recommended for UniAppX)
- Lifecycle Management: Properly handle UniAppX page lifecycle with uView Pro components
Resources
Keywords
uniappx, uniapp-x, uview-pro, uview pro, uniappx integration, uniappx configuration, easycom, pages.json, manifest.json, uni-app-x, 小程序, 跨平台, H5, App, nvue, 条件编译, 平台差异, TypeScript, Composition API, setup 语法, .uts 文件, UniAppX 组件, 跨平台组件, 小程序组件, App 组件
1---2name: uniappx-uview-pro3description: A comprehensive skill for integrating and using uView Pro with UniAppX projects. This skill focuses on UniAppX-specific integration, configuration, and platform-specific considerations when using uView Pro in UniAppX applications. Use this skill whenever the user needs to integrate uView Pro into UniAppX projects, configure UniAppX-specific settings, or handle platform differences.4license: Complete terms in LICENSE.txt5---6
7## When to use this skill
8
9Use this skill whenever the user wants to:
10- Integrate uView Pro into UniAppX projects
11- Configure UniAppX projects to work with uView Pro (pages.json, manifest.json, easycom)
12- Handle platform-specific behaviors when using uView Pro in UniAppX (H5, mini-program, App, nvue)
13- Use UniAppX features (navigation, APIs, lifecycle) with uView Pro components
14- Build cross-platform UniAppX applications with uView Pro components
15- Configure easycom for automatic uView Pro component import in UniAppX
16- Handle navigation and routing with uView Pro in UniAppX
17- Optimize UniAppX projects using uView Pro
18- Deploy uView Pro-based UniAppX applications to multiple platforms
19
20## How to use this skill
21
22This skill is organized to match UniAppX integration patterns and the official UniAppX plugin structure (https://ext.dcloud.net.cn/plugin?id=24633). When working with uView Pro in UniAppX:
23
241. **Install and setup** uView Pro in UniAppX project:
25 - Load `examples/getting-started/installation.md` for installation in UniAppX
26 - Load `examples/getting-started/project-setup.md` for UniAppX project configuration
27 - Load `examples/getting-started/easycom-config.md` for easycom configuration
28
292. **Integrate with UniAppX features**:
30 - Load `examples/integration/pages-config.md` for pages.json configuration
31 - Load `examples/integration/manifest-config.md` for manifest.json configuration
32 - Load `examples/integration/navigation.md` for navigation with uView Pro
33 - Load `examples/integration/uniappx-api.md` for using UniAppX APIs with uView Pro
34
353. **Handle platform-specific behaviors**:
36 - Load `examples/platform-specific/h5.md` for H5 platform considerations
37 - Load `examples/platform-specific/miniprogram.md` for mini-program considerations
38 - Load `examples/platform-specific/app.md` for App platform considerations
39 - Load `examples/platform-specific/nvue.md` for nvue considerations
40
414. **Advanced integration**:
42 - Load `examples/advanced/custom-theme.md` for theme customization in UniAppX
43 - Load `examples/advanced/build-optimization.md` for build optimization
44 - Load `examples/advanced/multi-platform.md` for multi-platform deployment
45
465. **Reference the API documentation** when needed:
47 - `api/integration-api.md` - UniAppX and uView Pro integration API
48 - `api/config-api.md` - Configuration API reference
49
506. **Use templates** for quick start:
51 - `templates/basic-uniappx-project.md` - Basic UniAppX project with uView Pro
52 - `templates/pages-template.md` - Pages configuration template
53 - `templates/manifest-template.md` - Manifest configuration template
54
55**Important Notes**:
56- This skill focuses on UniAppX integration, not uView Pro API documentation
57- UniAppX uses TypeScript (.uts files) and Composition API (setup syntax)
58- Always configure easycom in pages.json for automatic component import
59- Use conditional compilation (`#ifdef`, `#endif`) for platform-specific code
60- Test on all target platforms (H5, mini-programs, App) before deployment
61- Use rpx units for responsive sizing in UniAppX
62
63## Examples and Templates
64
65### Getting Started
66- **Installation**: `examples/getting-started/installation.md` - How to install uView Pro in UniAppX projects
67- **Project Setup**: `examples/getting-started/project-setup.md` - Setting up UniAppX project with uView Pro
68- **Easycom Config**: `examples/getting-started/easycom-config.md` - Configuring easycom for automatic component import
69
70### Integration
71- **Pages Config**: `examples/integration/pages-config.md` - Configuring pages.json with uView Pro
72- **Manifest Config**: `examples/integration/manifest-config.md` - Configuring manifest.json for uView Pro
73- **Navigation**: `examples/integration/navigation.md` - Navigation and routing with uView Pro
74- **UniAppX API**: `examples/integration/uniappx-api.md` - Using UniAppX APIs with uView Pro components
75
76### Platform-Specific
77- **H5**: `examples/platform-specific/h5.md` - H5 platform considerations with uView Pro
78- **Mini-Program**: `examples/platform-specific/miniprogram.md` - Mini-program considerations with uView Pro
79- **App**: `examples/platform-specific/app.md` - App platform considerations with uView Pro
80- **nvue**: `examples/platform-specific/nvue.md` - nvue considerations with uView Pro
81
82### Advanced
83- **Custom Theme**: `examples/advanced/custom-theme.md` - Customizing themes in UniAppX projects
84- **Build Optimization**: `examples/advanced/build-optimization.md` - Optimizing UniAppX builds with uView Pro
85- **Multi-Platform**: `examples/advanced/multi-platform.md` - Multi-platform deployment strategies
86
87### Templates
88- **Basic Project**: `templates/basic-uniappx-project.md` - Basic UniAppX project structure with uView Pro
89- **Pages Template**: `templates/pages-template.md` - pages.json configuration template
90- **Manifest Template**: `templates/manifest-template.md` - manifest.json configuration template
91
92## API Reference
93
94- **Integration API**: `api/integration-api.md` - UniAppX and uView Pro integration API reference
95- **Config API**: `api/config-api.md` - Configuration API reference for UniAppX projects
96
97## Best Practices
98
991. **Use easycom**: Configure easycom in pages.json for automatic uView Pro component import
1002. **Platform Testing**: Test on all target platforms (H5, mini-programs, App) before deployment
1013. **Use rpx Units**: Use rpx for responsive sizing in UniAppX, px for fixed sizes
1024. **SCSS Support**: Ensure SCSS is properly configured in UniAppX project
1035. **Manifest Configuration**: Properly configure manifest.json for each platform
1046. **Conditional Compilation**: Use conditional compilation (`#ifdef`, `#endif`) for platform-specific code
1057. **Performance**: Optimize for each platform's specific requirements
1068. **TypeScript**: Use TypeScript (.uts files) and proper type definitions
1079. **Composition API**: Use Composition API and setup syntax (recommended for UniAppX)
10810. **Lifecycle Management**: Properly handle UniAppX page lifecycle with uView Pro components
109
110## Resources
111
112- **Official UniAppX Plugin**: https://ext.dcloud.net.cn/plugin?id=24633
113- **UniAppX Documentation**: https://uniapp.dcloud.net.cn/uni-app-x/
114- **UniAppX API Reference**: https://uniapp.dcloud.net.cn/uni-app-x/api/
115
116## Keywords
117
118uniappx, uniapp-x, uview-pro, uview pro, uniappx integration, uniappx configuration, easycom, pages.json, manifest.json, uni-app-x, 小程序, 跨平台, H5, App, nvue, 条件编译, 平台差异, TypeScript, Composition API, setup 语法, .uts 文件, UniAppX 组件, 跨平台组件, 小程序组件, App 组件
majiayu000