Resources Overview
To help developers use uni-app more efficiently, we have compiled a wealth of development resources, tools, and learning materials. These resources will help you quickly get started with uni-app development, solve various problems in the development process, and improve development efficiency.
Templates
Project Templates
Project templates are ideal for quickly starting new projects, providing basic project structure and implementation of common functions.
- Basic Project Template: Simple project template suitable for beginners, including basic page structure and navigation
- E-commerce Project Template: Contains core e-commerce functions such as product lists, details, shopping cart, orders, etc.
- Social Project Template: Contains user system, activity feed, comment interaction, and other social functions
- News Project Template: Contains news list, article details, bookmarks, and other information functions
- Admin System Template: Template suitable for developing backend management systems
Page Templates
Page templates provide design and implementation of common pages that can be directly integrated into your project.
- Login & Registration Pages: Login and registration page templates in various styles
- User Center Pages: User personal information and settings page templates
- Product List Pages: Product list page templates with various layouts
- Detail Pages: Detail page templates for products, articles, etc.
- Settings Pages: Application settings page templates
Plugins
uni-app has a rich plugin ecosystem that can help developers quickly implement various functions.
UI Component Plugins
- Form Components: Input fields, selectors, date pickers, and other form components
- List Components: Pull-to-refresh, load-more, waterfall flow, and other list components
- Navigation Components: Tab bars, navigation bars, sidebars, and other navigation components
- Popup Components: Modal dialogs, toast notifications, action menus, and other popup components
- Chart Components: Various data visualization chart components
Functional Plugins
- Payment Plugins: WeChat Pay, Alipay, and other payment function plugins
- Map Plugins: Map display, location, route planning, and other map function plugins
- Push Plugins: Message push, notification reminder, and other push function plugins
- Share Plugins: Social sharing, QR code sharing, and other sharing function plugins
- Media Plugins: Image cropping, video playback, audio processing, and other media function plugins
Tool Plugins
- Request Libraries: Network request, data processing, and other tool libraries
- State Management: Vuex, Pinia, and other state management tools
- Utility Functions: Date processing, string processing, data validation, and other utility functions
- Debugging Tools: Log recording, performance monitoring, and other debugging tools
- Build Plugins: Code compression, resource optimization, and other build tools
Learning Materials
Official Documentation
- uni-app Official Documentation: The most authoritative uni-app development guide
- uni-app API Reference: Detailed API usage instructions
- uni-app Component Reference: Usage guide for built-in components
- uni-app Framework Syntax: Framework syntax and configuration instructions
- uni-app Conditional Compilation: Cross-platform conditional compilation guide
Video Tutorials
- uni-app Beginner Tutorials: Basic tutorials suitable for beginners
- uni-app Advanced Tutorials: In-depth explanation of uni-app's advanced features
- Project Practice Tutorials: Complete project development practice tutorials
- Performance Optimization Tutorials: uni-app application performance optimization guide
- Cross-platform Development Tutorials: Multi-platform adaptation and publishing tutorials
Articles and Tutorials
- uni-app Development Tips: Practical development tips and experience sharing
- Common Problem Solutions: Solutions to common problems
- Architecture Design Guide: uni-app project architecture design guide
- Best Practices Sharing: Best practices for uni-app development
- Case Studies: Case studies of excellent uni-app projects
Books
- 《uni-app from Beginner to Master》: Introductory book comprehensively covering uni-app development
- 《uni-app Practical Guide》: Practice-oriented uni-app development guide
- 《Cross-platform Application Development》: Cross-platform application development concepts and practices
- 《Frontend Engineering Practices》: Application of frontend engineering in uni-app
- 《Mobile Application UI Design》: Mobile application UI design principles and practices
Community Resources
Community Platforms
- uni-app Official Community: Official Q&A community where you can ask questions and share experiences
- uni-app Plugin Marketplace: Rich plugin resources where you can download and publish plugins
- GitHub Repository: uni-app's open-source code repository where you can submit issues and contribute code
- Juejin uni-app Column: uni-app related articles on the Juejin platform
- WeChat Official Account: uni-app official WeChat account for the latest updates
Developer Communities
- uni-app Developer Exchange Groups: Various developer QQ groups and WeChat groups
- Offline Events: Offline technical exchange events related to uni-app
- Technical Lectures: uni-app technical lectures and sharing sessions
- Developer Conferences: DCloud developer conference information
Recommended Tools
Development Tools
- HBuilderX: Officially recommended development tool providing complete uni-app development support
- VS Code: Lightweight development tool used with plugins
- WebStorm: Powerful JavaScript IDE
- CLI Tools: Command-line tools for creating and managing uni-app projects
Debugging Tools
- Built-in Debugger: Debugging tool built into HBuilderX
- Real Device Debugging: Debugging applications on real devices
- Remote Debugging: Remote debugging tools and methods
- Performance Analysis: Application performance analysis tools
Design Tools
- uni-app Component Libraries: Official and third-party component libraries
- Icon Resources: Free and paid icon resources
- UI Design Tools: UI design tools suitable for uni-app
- Prototype Design Tools: Application prototype design tools
UI Frameworks
uni-app can integrate various UI frameworks to help developers quickly build beautiful user interfaces.
Official UI Frameworks
- uni-ui: DCloud's official UI component library, designed in coordination with uni-app
- uView: Comprehensive uni-app ecosystem UI framework
- ColorUI: Lightweight, reliable uni-app UI component library
- ThorUI: UI framework with rich components and detailed documentation
- uViewUI: Comprehensive uni-app UI framework
Third-party UI Frameworks
- Vant Weapp: WeChat Mini Program UI component library open-sourced by YouZan Frontend Team
- iView Weapp: High-quality WeChat Mini Program UI component library
- Ant Design Mobile: Implementation of Ant Financial's mobile design specifications
- Element UI: Vue-based desktop component library (H5 version)
- NutUI: JD.com style mobile component library
Code Samples
Basic Function Samples
- Page Navigation: Examples of page jumping, parameter passing, returning, and other navigation functions
- Data Storage: Examples of local storage, cache management, and other data storage
- Network Requests: Examples of GET, POST requests, file uploads/downloads, and other network requests
- Component Communication: Examples of parent-child component, sibling component, and cross-page communication
- Lifecycle: Examples of application lifecycle and page lifecycle
Advanced Function Samples
- State Management: Examples of Vuex, Pinia, and other state management
- Custom Components: Examples of complex custom component development
- Hybrid Development: Examples of native plugin calls and WebView interaction
- Animation Effects: Examples of transition animations, gesture animations, and other animation effects
- Map Applications: Examples of map display, markers, route planning, and other map functions
Complete Project Samples
- E-commerce Project: Complete e-commerce application sample code
- Social Application: Social network application sample code
- News Client: News information application sample code
- Music Player: Music playback application sample code
- Task Management: To-do list management application sample code
Resource Downloads
All resources can be obtained through the following methods:
- Directly visit the corresponding resource detail page and click the download button
- Search for the corresponding resource in the uni-app Plugin Marketplace
- Find and download sample code on GitHub
- Follow the uni-app Official Community to get the latest resources
Resource Contributions
We welcome developers to contribute high-quality uni-app resources. If you have good templates, plugins, tutorials, or sample code to share, please refer to the Contributing Guide to submit your resources.
Resource Updates
The resources on this page will be updated regularly to ensure the provision of the latest and most practical uni-app development resources. If you find any outdated or invalid resource links, please provide feedback through the Contact Us page.