html5 ライティング ソフトウェア: 1. Brackets; 2. WebStorm; 3. Visual Studio Code; 4. Atom; 5. Sublime Text; 6. HBuilder; 7. Aptana Studio; 8. EditPlus など。
このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。
主要なブラウザが HTML5 の技術サポートを強化し続けるにつれて、HTML5 は将来的に Web アプリケーションの作成方法を確実に変えるでしょう。 HTML5 初心者の方の中には、使いやすい HTML5 作成ソフトを探している方も多いと思いますので、ここではおすすめの使いやすい HTML5 作成ソフトをいくつか紹介します。
1. ブラケット
Adobe のオープンソース フロントエンド開発ツール。これは基本的にフロントエンド用に完全に準備されており、プラグインをサポートします。最初にしばらく使用しましたが、使用感はとても良かったです。内蔵サーバーにより、変更を直接プレビューできます (ホット アップデート)。
2. WebStorm
私が Brackets を使わなくなった理由は、とても使いやすいからです。通常の Jetbrains-Platform の強力なコード ヒント、分析、検査、提案。 SASS/LESSは統合可能です。内蔵サーバー。もちろん、フロントエンドにいくつかの足場/構築ツールがあるため、統合は重要ではありません。
3. VisualStudio Code (vscode)
vscode には強力な拡張システムがあり、多くの言語を開発できます。拡張品質は比較的高いです。また、数十の言語でのデバッグを統合することもできます。フロントエンド開発者としても優れています。もちろん、フロントエンドツールとしては、BracketsやWebStormにはまだ若干劣ると思います。私は個人的に vscode を使用して Rust コードを作成しています。または、他の多くの言語での小さなサンプル プログラム。
4. Atom
このソフトウェアはアーキテクチャ的には vscode よりも拡張性と自由度を重視しており、ソフトウェア自体も多くの拡張機能で構成されています。拡張の自由度は非常に高く、例えばミニマップの設置もサブライムテキストと同様です。フロントエンドの作成は vscode とほぼ同じで、他の多くの言語で開発することもできます。ただし、拡張機能の品質は一般的に vscode ほど高くないと個人的に感じています。最初はしばらく使っていましたが、拡張子の品質と互換性のばらつきに耐えられず、vscodeに乗り換えました。
5. 崇高なテキスト
これは、上の 3 つよりもはるかに軽量です。これは Web テクノロジーで構築されたデスクトップ アプリケーションではないため、起動が速く、エディターのあるべき姿により一致しています。ただし、拡張子の数は上記とは比較できません。フロントエンド開発に関してはatomやvscodeにはもう追いつけないのであまりお勧めしません。しかし、テキスト エディターとしては、間違いなく最上位の選択肢の 1 つです。
6. HBuilder
これは HTML5 用に特別に用意されていると主張する IDE です。数年前に使用しました。Eclipse カーネルをベースにしているようです。 Eclipse ベースのソフトウェアは使用したくありません。コードの形式にもバグがあったことを覚えています。上記で推奨されている拡張機能のいずれかを使用すると、書式設定コードを簡単に完成させることができます。
7. Aptana Studio
これは、上記の HBuilder に似ており、Eclipse に基づいており、サーバーが組み込まれた最初のフロントエンド開発ツールです。と接触してきました。その時、インストールするときにNodeJsをインストールしなければならないことを思い出し、目が光りました。でも、使うのは久しぶりです。公式サイトを見てみると、RubyやPythonなどの開発にも使え、もちろんフロントエンドの作成にも使えます。 HBuilderとほぼ同じです。
8. EditPlus
私が初めて基礎を学んだとき、先生はこのエディターを使用しました。私たちもこれを使っていますが、はっきりと覚えているのは、これを使ってWebページを書くときに、左上のアイコンをクリックするとブラウザを開かずに直接プレビューでき、IEを呼び出してページを表示できるということです。テキスト エディタとしても優れていますが、フロントエンド開発には推奨されなくなりました。
推奨チュートリアル: 「html ビデオ チュートリアル 」
以上がhtml5を書くために何を使うかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。