Comment réaliser un projet uni-app ? Explication du processus

Comment réaliser un projet uni-app ? Cet article vous donnera une explication systématique du processus de création d'une application uni. J'espère qu'il vous sera utile !

Le processus de création d'une uni-app :

Contient un grand nombre de compétences essentielles frontales actuelles, telles que vue, applet WeChat, encapsulation de composants, encapsulation de gestes mobiles, pagination de données, axios, moment , mise en page flexible, sass, lecture vidéo, téléchargement vidéo et autres fonctions. [Recommandations associées : "tutoriel uniapp"]

1. Introduction à uni-app

1.1 Qu'est-ce qu'uni-app

uni-app est un outil qui utilise la syntaxe vue.js pour développer toutes les applications frontales Le framework

peut développer diverses choses

également appelé framework de développement complet

2 Bases d'uni-app

2.1 Connaissances de base

• première expérience d'uni-app
.
• introduction à la structure du projet
• Styles et culot
• Syntaxe de base
• Événements
• Composants
• Cycle de vie

3. Les bases d'abord, puis les projets

La pile technologique requise est

• html.
• css
• JavaScript
• vue
• Applet WeChat
• uni-app
• uni-ui
• uni-api
• moment.js
• Emballage gestuel

4. Construisez le projet avec un échafaudage.

1. installation

npm install -g @vue/cli

2. Créez un projet

vue create -p dcloudio/uni-preset-vue my-project

3. Démarrez le projet (applet WeChat)

npm run dev:mp-weixin

4. Importez le projet avec l'outil de développement d'applet WeChat

N'oubliez pas d'entrer dans le répertoire racine

4.1 Répertoire du projet.

4.2 Style et sass

• prend en charge rpx des mini programmes et vw et vh de h5
• Il y a une configuration sass intégrée, il vous suffit d'installer les dépendances correspondantes "npm install sass-loader node-sass "
• Dans le composant vue, ajoutez l'attribut "