WeChatミニプログラム開発スキルと開発ツール活用スキルを詳しく解説

1: 開発スキル

1. すべてのページを [パス + ページ名] の形式で app.json ファイル内のページに登録する必要があります (ページ名は必要ありません)ファイル拡張子を追加します)

2. ファイル app.json のページに登録されている最初のページは、ミニ プログラムのホームページです

3. 各ページの js、json、wxml、および wxss ファイル同じパスとファイル名を持つ必要があります

4. js ファイル内の this.data を直接変更することは無効です。this.setData() 関数を使用してください

5. this.setData() 関数を使用してデータセットを作成します。一度に 1024kB を超えることはできません

6. ミニ プログラムは現在、node_modules の直接導入をサポートしていません。開発者が node_modules を使用する必要がある場合は、関連するコードをミニ プログラムのディレクトリにコピーすることをお勧めします

。

7. data- で始まるデータはコンポーネント内で定義でき、複数の Word はハイフンでリンクされ、大文字は自動的に小文字に変換され、イベントを通じてロジック層に渡されます

8 すべてのコンポーネントとプロパティは次のとおりです。小文字、ハイフンで接続

9. ミニ プログラムは、同時に開くことができるページは 5 つだけです

10. ミニ プログラムは、https プロトコルでリクエストを送信する必要があり、リクエスト アドレスは対応する appid の下に安全なドメイン名を設定します

11. ミニプログラムスクリプトではコンポーネントを操作できません

12.コンパイルされたコード パッケージは 1MB 未満である必要があります。1MB を超えるコード パッケージはアップロードに失敗します

13. 変更可能なページ タグ セレクターを使用します。トップレベル ノードのスタイルは、次の body タグに似ています。 HTML

2: 開発ツールの使用に関するヒント

ショートカットキー

フォーマット調整

Ctrl+S: ファイルを保存

Ctrl+[, Ctrl+]: コード行のインデント

Ctrl+Shift+[, Ctrl+Shift+]: コードブロックを折りたたんで開きます

Ctrl+C Ctrl+V: コピーして貼り付けます。テキストが選択されていない場合は、コピーして貼り付けますline

Shift+Alt+F: コードの書式設定

Alt+Up、Alt+Down: 1行上または下に移動

Shift+Alt+Up、 Shift+Alt+Down: 上 行を下にコピー

Ctrl+Shift+Enter: 現在の行の上に行を挿入

Ctrl+Shift+F: グローバル検索

カーソル関連

Ctrl+End: ファイルの末尾に移動

Ctrl+Home: ファイルの先頭に移動

Ctrl+i: 現在の行を選択

Shift+End: カーソルから行末までを選択

Shift+Home: 行頭からカーソルまでを選択

Ctrl+Shift+L: 一致するものをすべて選択

Ctrl+D: 一致するものを選択

Ctrl+U: カーソルのロールバック

インターフェース関連

Ctrl + : サイドバーを非表示

Ctrl + m: エミュレータを開くか非表示にします

その他

1. wxml および wxss ファイルを変更します。ページが更新されます

2. js ファイルと json ファイルを変更すると、ミニ プログラムが再コンパイルされます

3. app.json ファイル内の登録対象ページを変更すると、ページのディレクトリとファイル

4. 開発環境が要求された安全なドメイン名と TLS バージョン オプションを検証しない場合、ミニ プログラムは実行時にドメイン名のセキュリティとその他のルールを検証しません。開発中にデバッグするために、プロジェクト - 基本情報で設定します

5. プロジェクト - 構成情報で現在のアプリ ID によって構成されているセキュリティ ドメイン名をすぐに確認できます

6.携帯電話でデバッグ アプレットを表示しているときに右上隅をクリックし、[デバッグを有効にする] を選択してデバッグ モードをオンにします

以上がWeChatミニプログラム開発スキルと開発ツール活用スキルを詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。