HbuilderX を使用してアプレット プロジェクトを実行する方法

1. 新しいプロジェクトを作成します (既存のプロジェクトのインポートは無視されます)

1. 新しいプロジェクトを作成する

2.プロジェクト名を設定する

3. HbuilderX 実行プロジェクト

4. 操作が成功すると、WeChat 開発者ツールが自動的に開きます。

5. 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. 構成環境

1. WeChat ミニ プログラムの AppID を入力します。

2. HBuilderX で、「WeChat Developer Tools」のインストール パスを設定します。

注: 構成が完了したら、HbuilderX でアプレット シミュレーターを実行するをクリックすると、WeChat 開発者ツールが自動的に起動します。

3. WeChat 開発者ツールでサービス ポートを開きます。

3. 新しいページを作成する

1. 新しいタブページを作成します

2. タブ以外のページを作成する

4 番目に、Git を使用してプロジェクトを管理する

1. 現地管理

1.1 プロジェクトのルート ディレクトリに新しい .gitignore 無視ファイルを作成し、次のように構成します。

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

注: アンパッケージ ディレクトリは無視してください。デフォルトのアンパッケージ ディレクトリは Git によって追跡されません。

この時点で、Git がアンパッケージ ディレクトリを正常に追跡できるようにするために、アンパッケージ ディレクトリにプレースホルダーとして .gitkeep というファイルを作成できます。

1.2 ターミナルを開き、プロジェクトのルート ディレクトリに切り替え、次のコマンドを実行してローカル Git リポジトリを初期化します。

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

2. プロジェクトを Code Cloud にホストする

1. Code Cloud アカウントを登録して有効化します (登録ページのアドレス: https://gitee.com/signup )

2. SSH公開キーの生成と構成

3. 空のコード クラウド ウェアハウスを作成する

4. ローカルプロジェクトをコードクラウドに対応する空のウェアハウスにアップロードします