Article directory
0 import
Uin-app official website address: https://uniapp.dcloud.net.cn/
Recently, I have become inexplicably interested in small programs, so let’s start with uni-app
1. Commonly used frameworks for small programs
1.1
mpvue is an open source front-end framework of Meituan Dianping that uses Vue.js to develop small programs. The framework is based on the core of Vue.js, and mpvue modifies the implementation of runtime and compiler of Vue.js so that it can run in the applet environment, thus introducing a whole set of Vue.js development experience for applet development. Using mpvue to develop applets, you will obtain the following capabilities based on the applet technology system:
- Thorough component development capability: improve code reusability
- Complete Vue.js development experience
- Convenient Vuex data management solution: easy to build complex applications
- Fast webpack build mechanism: custom build strategy, hotReload during development
- Support the use of npm external dependencies
- Use the Vue.js command line tool vue-cli to quickly initialize the project
- The ability to convert and compile H5 code into applet object code
Github：https://github.com/Meituan-Dianping/mpvue
官网：http://mpvue.com/
1.2
Taro is a set of multi-terminal unified development framework that follows the React syntax specification created by JD-O-Convex Lab . If I remember correctly, it was recently open sourced.
Using Taro, we can only write a set of codes, and then use Taro's compilation tool to compile the source codes into codes that can run on different terminals (WeChat applets, H5, App terminals, etc.). At the same time, Taro also provides out-of-the-box grammar detection and auto-completion functions, which effectively improves the development experience and development efficiency. The latest supports Vue3.
官网：http://taro.aotu.io/
GitHub: http://github.com/nervjs/taro
1.3、 Tina.js
Tina.js is a lightweight progressive WeChat Mini Program framework.
Features: Lightweight and compact. It is very easy to use, and retains most of the API design of MINA (the official framework of WeChat applets); no matter whether you have experience in applet development, you can easily transition to get started. Progressive enhancement, both state manager and routing enhancement, you can also write your own plug-ins.
Tina.js 开源框架地址：https://github.com/tinajs/tina
1.4、 WePY
WePY is a framework that allows small programs to support component-based development. Through pre-compilation, developers can choose their favorite development style to develop small programs. The optimization of the details of the framework, the introduction of Promise and Async Functions are all to make the development of small program projects easier and more efficient. characteristic:
- Vue-like development style
- Support custom component development
- Support for importing NPM packages
- Promise support
- Support for ES2015+ features like Async Functions
- Support multiple compilers, Less/Sass/Styus, Babel/Typescript, Pug
- Support multiple plug-in processing, file compression, image compression, content replacement, etc.
- Support Sourcemap, ESLint, etc.
- Small program detail optimization, such as request queuing, event optimization, etc.
Github ：https://github.com/Tencent/wepy
官网：https://tencent.github.io/wepy
1.5 WeChat official
WeChat Official Development Document
The goal of the mini program development framework is to allow developers to develop services with native APP experience in WeChat in the simplest and most efficient way possible. The entire applet framework system is divided into two parts: logic layer (App Service) and view layer (View). The applet provides its own view layer description languages WXML and WXSS, as well as a JavaScript-based logic layer framework, and provides data transmission and event systems between the view layer and logic layer, allowing developers to focus on data and logic. When I first came into contact with the WeChat applet, it was the framework provided by the government. In fact, the idea of the framework is similar to that of Vue, as the saying goes, everything changes. It's just that this framework is directly using the wxml, wxss and other files required by the WeChat applet, and the final packaged files generated by other frameworks are officially required. So I suggest that if you are a beginner, you can use or learn the framework first, so that you can understand and learn applets more directly. So it is recommended for beginners.
1.6 TouchUI WX
Address: https://link.zhihu.com/?target=https%3A//github.com/uileader/touchuiwx
main feature:
- 1. Building expansion: More than 30 commonly used components have been added to supplement official components.
- 2. Function expansion: Compatible with Ali's iconfont icon library, massive vector icons can be used at will; supplemented common style library, supports less syntax, supports global configuration theme color, etc.
- 3. Improved development experience: the four-file method is changed to a single-file method, developed through the VSCode editor + plug-in method, and has a web development experience;
- 4. Small programs can be converted into H5 applications: they can be converted into H5 development framework TouchUI projects and published as webApps. Develop one set of code and own two sets of applications.
2、wine-app
uni-app is a framework for developing all front-end applications using Vue.js. Developers write a set of codes that can be published to iOS, Android, Web (responsive), and various small programs (WeChat/Alipay/Baidu/Toutiao/ QQ/Kuaishou/DingTalk/Taobao), Quick App and other platforms. With uni-app in hand, you can do everything without worry. Even if it is not cross-end, uni-app is a better small program development framework (see details), a better App cross-platform framework, and a more convenient H5 development framework. No matter what kind of project the leader arranges, you can deliver it quickly without changing your development thinking or changing your development habits.
Regarding the development of uin-app, there are mixed opinions on the Internet: some people say that her documentation is chaotic, various bugs are developed, and she will give up in the end.
3. Quote
1. In 2023, how is the development of uniapp?