上位 5 つの WeChat ミニ プログラム開発 IDE の詳細な評価

WeChat ミニ プログラムはしばらく内部テスト中です。作者は好奇心と学習のためにいくつかの小さなデモを作成しましたが、MINA フレームワークではそれほど多くの落とし穴には遭遇しませんでしたが、公式の開発ツールは本当に満足のいくものではありませんでした。さまざまなニーズに応えて、現在市販されている小規模プログラムの開発を支援するツールを筆者が苦労してまとめてみましたので、ご参考までに。

WeChat アプレットは、しばらくの間内部テスト中です。作者は好奇心と学習のためにいくつかの小さなデモを作成しましたが、MINA フレームワークではあまり多くの落とし穴には遭遇しませんでしたが、公式の開発ツールは非常に優れています。褒め言葉ではありません。

• API プロンプトが不完全です。コードを書くのが非常に遅いです。すべてのキーワードを選択したり、行をすばやくコピーしたりするなど、多くの必要なショートカット キーが使用できません。

• カラーテーマを選択できません?白いスタイルが気に入らない場合はどうすればよいですか

• プラグインなしプラグインなし重要なことは3回言わなければなりません

• 私はさまざまな IDE を試す旅に乗り出すしかありません。ここで、IDE または仮定に対する私のニーズについて話しましょう。

軽量: たとえ似たようなツールであっても、Eclipse のような巨大なものは好きではありません。と表示される場合は、9割の機能が使用されないので使用しません。

• カスタマイズ可能なコードの色付け: コードの色付けは必須の機能です。カラー テンプレートをサポートすると最適です

• 正確なコードのヒント: これは非常に重要であり、誰もが理解しています

• デバッグ可能: IDE で実行できますデバッグまたは実行

• リアルタイム プレビュー インターフェイス: アプリケーション開発は Web ページとは異なるため、リアルタイム プレビューはプログラムの実行中に動的データをインターフェイスに読み込む必要があります。これについてはあまり期待していません

  。

• 以上のようなニーズに応えるために、現在市販されている小規模プログラムの開発を支援するツールを筆者が次々と試してみたので、その苦労を以下にまとめておきますので、ご参考までに。

WeChat ミニプログラム公式開発ツール

このサブタイトルでは「IDE」という単語を使用していないことに注意してください。なぜなら、作者の目には、これは実際にはツールであり、IDE ではないからです。公式ツールのコード編集機能はvscodeのコード編集機能をツールに埋め込むものであり、開発を支援するには不十分です。

利点

公式ツールであるため、コード編集機能があまりにも弱いわけではない限り、他のサードパーティツールとは比べものにならない当然の利点があります。

公式ツール、デバッグ可能、プレビュー可能

• 基本的なコード編集、スマートプロンプト、デバッグなどの機能が利用可能

• プロジェクト管理、作成、モバイルプレビュー、コード提出レビュー

• 公式メンテナンスアップデート

• 欠点

悪い点も明らかです。全体的には、IDEではなくツールです。コード編集機能が貧弱なので、コードを書くのが非常に面倒になります。これが私がコードを諦めた最大の理由です。

API プロンプトが不完全です。コードを書くのが非常に遅いです。すべてのキーワードを選択したり、行をすばやくコピーしたりするなど、多くの必要なショートカット キーが使用できません。

• カラーテーマを選択できませんか? プラグインなし、プラグインなし、プラグインなしで大丈夫です

• まとめ

• 現在、小さなプログラムの作成とデバッグ、表示、プレビュー、アップロードには WeChat Web 開発ツールを使用する必要があるため、このツールは不可欠です。ただし、コード編集機能は非常に貧弱なので、代わりに他のサードパーティのコード編集ツールを使用することをお勧めします。

Sublime Text 3

公式ツールについて話した後、私の日常業務で最もよく使われるツールである Sublime Text 3 について話しましょう。これは、IDE ではなくコードエディターとして位置付けられています。それは、コードプロンプトのみを提供するものであり、平均的であると考えられます。

利点

ファイルを2倍の速さで開き、UIはシンプルでエレガントです

コード編集エクスペリエンスは快適で効率的です

多数のプラグインがあり、基本的に次のことができますさまざまなニーズを満たすために、対応するプラグインを見つけてください

• サードパーティの開発者は、コードの色付けとコードプロンプト用の小さなプログラムプラグインを開発します

• 欠点

• デバッグやプレビューはありません

• サードパーティ開発者によって作成されたプラグインであり、コード プロンプトはあまり包括的ではありません

概要

Sublime Text ソリューションは、独自のコード編集の利点に加えて、小さなプログラムの開発には何の実質的な助けにもなりませんでした。最終的に、Sublime Text ソリューションも作者によって放棄されました。

この Sublime Text のプラグインについて文句を言わなければなりませんが、実行するまでに時間がかかり、とてもイライラしています。

注: プラグインのダウンロード リンクは記事の最後にあります

Vim + WEPT




エディターの神様である Vim は、常に私にとって自慢のツールでした。 Emacs を避けるために vim の良さについてもっと話してください。人々が私を叱りに来ます。

インターネット上の誰かが、Wxapp.vim という対応するプラグインを開発しました。私はこのプラグインを簡単に使用しました。このプラグインには、ファイル検出、インテリジェント補完、ドキュメント ジャンプ、構文強調表示、インデント、コード スニペット、単語リスト、文法が含まれています。チェックなどの機能。全体的には良好ですが、重大な問題が 1 つあります。サーバー開発をしていたときは、基本的にプログラミングには Vim を使用し、ターミナル上で直接デバッグを実行するために他のプラグインやツールをいくつか使用していました。しかし、Vim と公式 WeChat ミニ プログラム ツールを頻繁に行き来する必要があり、非常にイライラしたため、長期間使用した後、WeChat ミニ プログラムを諦めなければなりませんでした。著者のいつものスタイルによれば、Vim を使用するときはマウスを捨てるべきです。

しかし、最終的には治療法を見つけたので、以下に紹介します。

利点

• コードの強調表示、コードプロンプト、その他の機能が完備されています。

• 使用できる小さなプログラム開発プラグイン Wxapp.vim があります。それは上で説明しました

欠点

• もう一つの問題は、多くの人がそれを行うことです。 Vim を扱えない、これは 学習曲線の利点が高い

• UI と使用法がほとんどの人の習慣に沿っていない

• まとめ

「WEPT」は私が述べた問題点を解決します上記の Vim を使用します。 WEPT は、WeChat ミニ プログラム用のリアルタイム開発環境であり、その目標は、ミニ プログラム開発に効率的で安定した使いやすい操作環境を提供することです。つまり、それ自体がリアルタイムのプレビューとデバッグを実現できるリアルタイム実行環境です。同時に、Chrome ブラウザを使用してデバッグを完了できます。以前の Vim と組み合わせると、コード編集からデバッグ、プレビューに至るまでの問題を完全に解決します。

この製品はIDEではないため、その利点と欠点については分析しません。全体として、WEPT+VIM+プラグインは優れたソリューションです。誰でも使えるのでおすすめです。

注: プラグインのダウンロードリンクは記事の最後にあります

WebStorm

WebStorm にはコードプロンプトを実装できるプラグインがインターネット上にありますが、デバッグやプレビューはできません。ツールなので、作成者は WebStorm を使用しませんでした。厚みのある履き心地を好む子供靴は、このツールを試すことができます。

利点

コードのハイライト、コードプロンプトやその他の機能を実現できるプラグインがあります

• 非常に成熟した機能が豊富です

• 様々なショートカットキー

• 欠点

プレビューをデバッグできません

• 機能が多くて肥大化しています

• 概要

要約すると、Webstorm は上記のものと同じですが、強力なコード編集機能を備えていますが、プラグインが必要です。小さなプログラムの開発をサポートしており、肥大化しています。 注: プラグインのダウンロード リンクは記事の最後にあります

Egret Wing
Wing は私が見た中で最初の企業レベルでサポートされている IDE であると考えられているため、その機能はかなり成熟しています。これをダウンロードして試してみましたが、今のところ、上記の Vim ソリューションを除けば、比較した結果、これが最良の IDE ツールになるはずです。



利点

コードプロンプト、コードハイライトをサポート

• リアルタイムプレビューとデバッグ、異なる解像度でのプレビューの切り替え

• 実際にプロジェクトの作成をサポートします?!

• 新しいページテンプレートファイルをサポート

• 隔週更新

• 欠点

リアルタイムインターフェイスのプレビューは、インターフェイス内の動的データをプレビューすることができず、デバッグ中にのみプレビューできます。

• インターフェースを生成するために視覚的にドラッグアンドドロップすることができません（欲張りすぎですか？）

• 概要

Wingは、WeChat公式を含むリアルタイムプレビュー機能をサポートする唯一のIDEであり、リアルタイム プレビュー。コンパイル後にプレビューする必要があります。怠惰な作成者にとって、Wing はプロジェクトを作成したり、新しいページ テンプレートを作成したり、実行したりできるだけではありません。プロジェクトを実行すると、このプレビュー インターフェイスが WeChat 公式で開発されたものであることがわかります。ツールは非常によく似ています。最初にお勧めします。

まとめ

リストを作りましょう、誰もが気分に応じて選択できます。

環境/ツール	簡単な説明	コードのハイライト	コードのヒント	デバッグ	リアルタイムプレビュー	ソフトウェア/プラグインのダウンロードアドレス
公式ツール	WeChat アプレット 公式ツール	サポート	非常に弱い	サポート	サポート	ソフトウェアをダウンロード
Egret Wing	WeChatアプレット開発をサポートする最初のIDE。	サポート	サポート	サポート	サポート	ソフトウェアをダウンロード
Sublime Text 3	Sublime Textを使用するには、プラグインのインストールが必要です。	サポートされている	サポートされている	サポートされていない	サポートされていない	プラグイン
Webstorm	WebStormヘビーウェイトIDE	サポートされている	サポートされている	サポートされていない	サポートされていません	プラグイン
vim + WEPT	強力な組み合わせツール	サポート	サポート	サポート	サポート	Vimプラグイン、WEPT

5つの主要なWeChatアプレット開発IDEの詳細な評価に関連するその他の記事はこちら、PHP 中国語 Web サイトに注意してください。