Comment utiliser HbuilderX pour exécuter des projets d'applet

1. Créez un nouveau projet (l'importation de projets existants est ignorée)

1. Créer un nouveau projet

2. Définir le nom du projet

3. Projet en cours d'exécution HbuilderX

4. Si l'opération réussit, l'outil de développement WeChat s'ouvrira automatiquement

5. Structure du répertoire du projet uni-app

┌─components            uni-app组件目录
│  └─comp-a.vue         可复用的a组件
├─pages                 业务页面文件存放的目录
│  ├─index
│  │  └─index.vue       index页面
│  └─list
│     └─list.vue        list页面
├─static                存放应用引用静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此
├─main.js               Vue初始化入口文件
├─App.vue               应用配置，用来配置小程序的全局样式、生命周期函数等
├─manifest.json         配置应用名称、appid、logo、版本等打包信息
└─pages.json            配置页面路径、页面窗口样式、tabBar、navigationBar 等页面类信息

2. Environnement de configuration

1. Remplissez l'AppID de votre programme WeChat Mini

2. Dans HBuilderX, configurez le chemin d'installation de "WeChat Developer Tools":

Remarque : Une fois la configuration terminée, cliquez sur Exécuter vers le simulateur d'applet dans HbuilderX, et l'outil de développement WeChat sera automatiquement lancé.

3. Ouvrez le port de service dans les outils de développement WeChat :

3. Créer une nouvelle page

1. Créer une nouvelle page à onglet

2. Créer une page sans onglet

Quatrièmement, utilisez Git pour gérer des projets

1. Gestion locale

1.1 Créez un nouveau fichier .gitignore ignore dans le répertoire racine du projet et configurez-le comme suit :

# 忽略 node_modules 目录
/node_modules
/unpackage/dist

Remarque : Ignorez le répertoire de décompression, le répertoire de décompression par défaut ne sera pas suivi par Git

À ce stade, afin de permettre à Git de suivre normalement le répertoire de décompression, nous pouvons créer un fichier appelé .gitkeep dans le répertoire de décompression en tant qu'espace réservé.

1.2 Ouvrez le terminal, passez au répertoire racine du projet et exécutez la commande suivante pour initialiser le référentiel Git local :

git init
git add .
git commit -m "init project"

2. Héberger le projet sur Code Cloud

1. Inscrivez-vous et activez le compte Code Cloud (adresse de la page d'inscription : https://gitee.com/signup )

2. Générer et configurer la clé publique SSH

3. Créer un entrepôt cloud de code vierge

4. Téléchargez le projet local dans l'entrepôt vide correspondant au nuage de code