検索

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

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

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

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 サイトの他の関連記事を参照してください。

Java JavaScript typescript mvc asp.net node.js html5 css safari html angular switch 继承 .net JS canvas git windows ide visual studio vscode idea visualstudio intellij idea webstorm android ios http https microsoft azure linux ui 重构 dreamweaver
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTML5ビデオでビデオの再生を停止する方法次の記事：HTML5ビデオでビデオの再生を停止する方法

関連記事

続きを見る