ホームページ  >  記事  >  ウェブフロントエンド  >  html5の開発にはどのようなツールが使用されますか?

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

青灯夜游
青灯夜游オリジナル
2021-05-20 16:44:333136ブラウズ

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

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

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

Adobe Dreamweaver

Dreamweaver は、世界トップのソフトウェア メーカーである Adob​​e が 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 の賢いヒント。

  • #連想クエリ、検索ハイライト。

  • リファクタリング。

  • コード検査、簡単な修正。

  • コードのデバッグ。

  • コード構造をすばやく参照して見つけます。

  • #コードの折りたたみ。
  • ラッパーをラップまたは削除するようにコードに自動的に指示します。
  • 公式アドレスリンク: https://www.jetbrains.com/zh-cn/webstorm/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-br-core-ex-pc&utm_content =brand-webstorm&utm_term=jetbrains webstorm
  • Visual Studio Code

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

メリット:

無料

    構文の強調表示を超え、IntelliSense によるオートコンプリート。
  • エディタからコードを直接デバッグします。
  • 組み込みの Git コマンド。
  • 拡張可能でカスタマイズ可能。
  • Microsoft Azure を使用して Web サイトを簡単に展開してホストします。
  • 公式リンクアドレス: https://code.visualstudio.com/#built-in-git
  • Sencha Architect

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

利点:

  • ドラッグ アンド ドロップ コンポーネント

  • モデル - ビュー - コントローラー モードをサポートします。

  • Sencha Touch および Ext JS 4 をサポートして、モバイルおよびデスクトップ Web アプリケーションを構築します。

  • IOS および Android 用のワンクリック ネイティブ パッケージング機能が組み込まれています。

公式アドレスリンク: https://www.sencha.com/products/architect/

HTML5demos

thinkあなたのブラウザが HTML5 Canvas をサポートしているかどうか知っていますか? Safari で単純な HTML5 チャット クライアントを実行できるかどうか疑問に思いませんか? HTML5 デモでは、各 HTML5 機能がどのブラウザでサポートされているかがわかります。

公式リンク アドレス: http://html5demos.com/

HTML5 Tracker

HTML5 の最新トレンドを知りたいですか? HTML5 Tracker を使用してください、HTML5の最新のリビジョン情報を追跡できます。

HTML5 ビジュアル チート シート

タグや属性をすぐに見つけたいですか?すべての Web 開発者にとって必須のこのクールなチートシートをチェックしてください。

非公式リンク アドレス: https://download.csdn.net/download/vick1217/4414181

HTML5 に切り替える

HTML5 に切り替えるは、基本的で実用的なテンプレート生成ツールです。新しいプロジェクトを開始する場合は、ここから無料の HTML5 Web サイト テンプレートを入手できます。

HTML5 テスト

あなたのブラウザは HTML5 革命に対応する準備ができていますか? HTML5 テストが教えてくれます。この Web サイトでは、現在使用しているブラウザのビデオ、オーディオ、キャンバス、その他の機能のサポートに関する完全なレポートが生成されます。

公式リンク アドレス: http://html5test.com/

Lime JS

LimeJS は、すべての HTML5 ゲーム開発フレームワークです。高速に構築でき、最新のタッチ スクリーンとデスクトップ ブラウザー向けのネイティブ エクスペリエンス ゲーム。

公式リンク アドレス: http://www.limejs.com/

プログラミング関連の知識については、 プログラミング ビデオ をご覧ください。 !

以上がhtml5の開発にはどのようなツールが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。