html5の開発にはどのようなツールが使用されますか?-htmlチュートリアル-php.cn

html5の開発にはどのようなツールが使用されますか?

青灯夜游

リリース： 2021-05-20 16:46:24

オリジナル

3023 人が閲覧しました

html5 開発ツールには、Dreamweaver、DevExtreme、WebStorm、Vscode、HTML5demos、HTML5 Tracker、Switch To HTML5、HTML5 Test、Lime JS などが含まれます。

html5の開発にはどのようなツールが使用されますか?

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

Adobe Dreamweaver

Dreamweaver は、世界トップのソフトウェアメーカーである Adobe が Web サイトやモバイルの作成と編集のために発売した、ビジュアル編集インターフェイスを備えた Web デザインソフトウェアのセットです。アプリケーションです。 Dreamweaver は、Web ページ制作と Web サイト管理を統合する WYSIWYG Web コードエディタです。簡素化されたインテリジェントコーディングエンジンと視覚補助により、エラーが減少し、Web サイト開発速度が向上し、動的な Web サイトの作成、コーディング、管理が容易になります。コードヒントにアクセスすることで、HTML、CSS、その他の Web 標準についてすぐに学ぶこともできます。 (注: 必要に応じてバージョンを選択してください)

利点:

この効率。強力な制御能力。
ウェブサイトの管理は迅速かつ簡単です。
包括的な CSS サポート。
DW コミュニティなどの学習リソースが多数あります。
欠点:

ブラウザと同じ表示効果を正確に実現するのは困難です。

クリーンで正確な HTML コードを監視して生成するのは不便です。
公式 Web サイトのアドレスリンク: https://www.adobe.com/cn/products/dreamweaver.html

DevExtreme

DevExtreme は、Visual Studio 統合開発環境で直接モバイルアプリケーションを構築できる、高性能 HTML5、CSS、および Java モバイル開発フレームワークです。 DevExtreme には、Angular や React から ASP.NET MVC や Vue まで、従来の Web アプリケーションや次世代モバイルアプリケーション向けの高性能で応答性の高い UI ウィジェットが幅広く含まれています。現在、DevExtreme V19.1.6 が新たにリリースされ、Visual Studio 開発者がクロスプラットフォームのモバイル製品を開発するための推奨ツールです。 (注: 必要に応じてバージョンを選択してください) 公式アドレスリンク: https://js.devexpress.com/

JetBrains WebStorm

WebStorm Jetbrains が所有する JavaScript 開発ツールです。中国の JS 開発者の大多数は、「Web フロントエンド開発成果物」、「最も強力な HTML5 エディター」、「最もインテリジェントな JavaS IDE」などとして賞賛しています。 IntelliJ IDEA と同じ起源を持ち、IntelliJ IDEA の強力な JS 部分の機能を継承しています。 (注: 必要に応じてバージョンを選択してください)

利点:

インテリジェントなコード補完により、さまざまなブラウザからのプロンプトがサポートされます。

コードのフォーマット、ルールのカスタマイズ。
HTML の賢いヒント。
#連想クエリ、検索ハイライト。
リファクタリング。
コード検査、簡単な修正。
コードのデバッグ。
コード構造をすばやく参照して見つけます。
Visual Studio Code

Vscode は、美しいインターフェイス、強力で実用的な機能、およびソフトウェアサポートを備えた非常に優れた IDE 開発ツールです。 Chinese は豊富なプラグインセットを備えており、構文の強調表示、カスタマイズ可能なキーボードバインディング、ブラケットマッチング、コードスニペット (スニペット) のコレクションなど、最新のエディターに必要なすべての機能が統合されています。 Windows、OS X、Linuxをサポートします。組み込みの JavaScript、TypeScript、Node.js のサポート。

メリット:

無料

Sencha Architect

Architect は、モバイルおよびデスクトップアプリケーションを開発するためのツールの中で HTML5 ビジュアルアプリケーション開発を位置付けています。開発チームはドラッグアンドドロップ機能を使用して HTML5 アプリケーションを構築できるため、手動コーディングに費やす時間が短縮され、アプリケーションコードを最適化して高パフォーマンスを実現できます。 Architect を使用すると、ほとんどの定型コードを入力する必要がなくなるため、開発者の時間を節約できます。自動コード生成により、デスクトップおよびモバイルアプリケーションの開発が加速されます。 WYSIWYG ウィンドウで Ext JS UI コンポーネントのプロパティと構成を変更するだけで、手動でコーディングするときによく発生する人的エラーを排除できます。 (注: 必要に応じてバージョンを選択してください)

利点: