Welche Tools werden zur Entwicklung von HTML5 verwendet?

Zu den

HTML5-Entwicklungstools gehören: Dreamweaver, DevExtreme, WebStorm, Vscode, HTML5demos, HTML5 Tracker, Switch To HTML5, HTML5 Test, Lime JS usw.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.

Adobe Dreamweaver

Dreamweaver ist eine Reihe von Webdesign-Software mit einer visuellen Bearbeitungsoberfläche, die von Adobe, dem weltweit führenden Softwarehersteller, zum Erstellen und Bearbeiten von Websites und mobilen Anwendungen eingeführt wurde. Dreamweaver ist ein WYSIWYG-Webcode-Editor, der die Erstellung von Webseiten und die Website-Verwaltung integriert. Mit seiner vereinfachten intelligenten Codierungs-Engine und visuellen Hilfsmitteln reduziert er Fehler und erhöht die Geschwindigkeit der Website-Entwicklung, wodurch das Erstellen, Codieren und Verwalten dynamischer Websites vereinfacht wird. Sie können auch schnell etwas über HTML, CSS und andere Webstandards lernen, indem Sie auf Codetipps zugreifen. (Hinweis: Wählen Sie die Version entsprechend Ihren eigenen Bedürfnissen)

Vorteile:                                                                                                                                                        ’’s

----- Produktionseffizienz.
Starke Kontrollfähigkeit.                 
Die Website-Verwaltung ist schnell und einfach.
Umfassende CSS-Unterstützung.
Es gibt viele Lernressourcen, wie zum Beispiel die DW-Community.

Nachteile:
Der Effekt ist schwierig, genau den gleichen Anzeigeeffekt wie der Browser zu erzielen.
Einfach zu überwachen und sauberen und genauen HTML-Code zu generieren.

Link zur offiziellen Website-Adresse: https://www.adobe.com/cn/products/dreamweaver.html

DevExtreme

DevExtreme ist ein leistungsstarkes HTML5-, CSS- und Java-Framework für die mobile Entwicklung, das dies kann Wird direkt in der integrierten Entwicklungsumgebung Visual Studio zum Erstellen mobiler Anwendungen verwendet. Von Angular und React bis hin zu ASP.NET MVC oder Vue umfasst DevExtreme eine Reihe leistungsstarker und reaktionsfähiger UI-Widgets für traditionelle Web- und mobile Anwendungen der nächsten Generation. Derzeit ist DevExtreme V19.1.6 neu veröffentlicht und das bevorzugte Tool für Visual Studio-Entwickler zur Entwicklung plattformübergreifender mobiler Produkte. (Hinweis: Wählen Sie die Version entsprechend Ihren eigenen Anforderungen)

Offizieller Adresslink: https://js.devexpress.com/

JetBrains WebStorm

WebStorm ist ein JavaScript-Entwicklungstool der Firma Jetbrains. Es wird von der Mehrheit der chinesischen JS-Entwickler als „Web-Front-End-Entwicklungsartefakt“, „leistungsstärkster HTML5-Editor“, „intelligenteste JavaS-IDE“ usw. gelobt. Es hat denselben Ursprung wie IntelliJ IDEA und erbt die Funktionen des leistungsstarken JS-Teils von IntelliJ IDEA.

(Hinweis: Wählen Sie die Version entsprechend Ihren eigenen Bedürfnissen)

Vorteile:
Intelligente Codevervollständigung, unterstützt Eingabeaufforderungen verschiedener Browser.
Codeformatierung, Regelanpassung.
HTML-Smart-Tipps.
Assoziative Abfrage, Highlights finden.
Code-Refactoring.
Code-Inspektion, schnelle Lösungen.
Code-Debugging.
Durchsuchen und finden Sie schnell die Codestruktur.
Code falten.
Automatischer Eingabeaufforderungscode zum Einwickeln oder Entfernen der Verpackung.

Offizieller Adresslink: 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%20webstorm

Visual Studio Code

Vscode ist ein hervorragendes IDE-Entwicklungstool mit einer schönen Benutzeroberfläche, leistungsstarken und praktischen Funktionen, die Software unterstützt Chinesisch, verfügt über eine Fülle von Plug-Ins und integriert alle Funktionen, die ein moderner Editor haben sollte haben, einschließlich Syntax-Highlighting, anpassbare Tastaturbelegungen, Klammeranpassung und Snippets-Sammlung. Unterstützt Windows, OS X und Linux. Integrierte Unterstützung für JavaScript, TypeScript und Node.js.

Vorteile:
Kostenlos
Gehen Sie mit IntelliSense über Syntaxhervorhebung und automatische Vervollständigung hinaus.
Debug-Code direkt aus dem Editor.
Eingebaute Git-Befehle.
Erweiterbar und anpassbar.
Stellen Sie Ihre Website ganz einfach mit Microsoft Azure bereit und hosten Sie sie.

Offizielle Linkadresse: https://code.visualstudio.com/#built-in-git

Sencha Architect🎜🎜

Architects Positionierung unter den Tools für die Entwicklung mobiler und Desktop-Anwendungen ist die Entwicklung visueller HTML5-Anwendungen. Entwicklungsteams können mithilfe der Drag-and-Drop-Funktionalität HTML5-Anwendungen erstellen, sodass Sie weniger Zeit mit manueller Codierung verbringen und Ihr Anwendungscode für eine hohe Leistung optimiert werden kann. Architect spart Entwicklern Zeit, da die Eingabe der meisten Standardcodes nicht mehr erforderlich ist. Die automatische Codegenerierung beschleunigt die Entwicklung von Desktop- und mobilen Anwendungen. Durch einfaches Ändern der Eigenschaften und Konfiguration einer beliebigen Ext JS-UI-Komponente in einem WYSIWYG-Fenster werden menschliche Fehler vermieden, die beim manuellen Codieren häufig auftreten. (Hinweis: Wählen Sie die Version entsprechend Ihren eigenen Bedürfnissen)

Vorteile:

• Drag-and-Drop-Komponenten

• Unterstützung des Model-View-Controller-Modus.

• Unterstützt Sencha Touch und Ext JS 4 zum Erstellen mobiler und Desktop-Webanwendungen.

• Eingebaute native Ein-Klick-Verpackungsfunktion für IOS und Android.

Offizieller Adresslink: https://www.sencha.com/products/architect/

HTML5demos

Möchten Sie wissen, ob Ihr Browser HTML5 Canvas unterstützt? Sie fragen sich, ob Safari einen einfachen HTML5-Chat-Client ausführen kann? HTML5-Demos zeigen Ihnen, in welchen Browsern die einzelnen HTML5-Funktionen unterstützt werden.

Offizielle Linkadresse: http://html5demos.com/

HTML5 Tracker

Möchten Sie die neuesten Trends in HTML5 erfahren? Verwenden Sie HTML5 Tracker, der die neuesten HTML5-Revisionsinformationen verfolgen kann.

Visueller HTML5-Spickzettel

Möchten Sie schnell ein Tag oder Attribut finden? Schauen Sie sich diesen coolen Spickzettel an, ein Muss für jeden Webentwickler.

Inoffizielle Linkadresse: https://download.csdn.net/download/vick1217/4414181

Switch To HTML5

Switch To HTML5 ist ein einfaches und praktisches Tool zur Vorlagenerstellung. Wenn Sie ein neues Projekt starten, können Sie hier eine kostenlose HTML5-Website-Vorlage erhalten.

HTML5-Test

Ist Ihr Browser bereit für die HTML5-Revolution? Der HTML5-Test verrät es Ihnen. Diese Website erstellt einen vollständigen Bericht über die Unterstützung von Video, Audio, Canvas und anderen Funktionen für den Browser, den Sie derzeit verwenden.

Offizielle Linkadresse: http://html5test.com/

Lime JS

LimeJS ist ein HTML5-Spieleentwicklungsframework zum Erstellen schneller nativer Erlebnisspiele für alle modernen Touchscreen- und Desktop-Browser.

Offizielle Linkadresse: http://www.limejs.com/

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonWelche Tools werden zur Entwicklung von HTML5 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!