Maison > Article > interface Web > Comment utiliser Uniapp
Comment utiliser uniapp : Tout d'abord, les développeurs doivent télécharger et installer HBuilderX ; puis créer un répertoire de projet et créer une page ; puis configurer la page et la barre d'onglets et enfin l'exécuter ;
L'environnement d'exploitation de ce tutoriel : système Windows7, version uni-app2.5.1, ordinateur thinkpad t480.
Recommandé (gratuit) : Tutoriel de développement d'uni-app
Comment utiliser uniapp :
1. Tout d'abord, les développeurs doivent télécharger et installer HBuilderX
1) Dans HBuilderX, cliquez sur le fichier dans la barre d'outils - >
2) Sélectionnez uni-app, entrez le nom du projet, tel que : test, cliquez sur Créer, vous pouvez créer avec succès uni-app
2. Répertoire du projet
3. >
4. Configuration des pages et des barres d'onglets
{ "pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { "path": "pages/index/index", "style": { "navigationBarTitleText": "uni-app" } }, { "path": "pages/homework/homework", "style": { "navigationBarTitleText": "uni-app" } }, { "path": "pages/personal/personal", "style": { "navigationBarTitleText": "uni-app" } } ], "globalStyle": { "navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" }, "tabBar": { "color": "#C3B8B4", "selectedColor": "#F76605", "borderStyle": "white", "backgroundColor": "#fff", "list": [ { "pagePath": "pages/index/index", "text": "学员", "iconPath": "static/indexNormal.png", "selectedIconPath": "static/indexActive.png" }, { "pagePath": "pages/homework/homework", "text": "作业", "iconPath": "static/homeworkNormal.png", "selectedIconPath": "static/homeworkActive.png" }, { "pagePath": "pages/personal/personal", "text": "我的", "iconPath": "static/personalNormal.png", "selectedIconPath": "static/personalActive.png" } ] } }
5. Exécuter
6. Rendus d'opération
Recommandations d'apprentissage gratuites associées : Vidéo de programmation
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!