Quels outils sont utilisés pour développer du html5 ?

Les outils de développement HTML5 incluent : Dreamweaver, DevExtreme, WebStorm, Vscode, HTML5demos, HTML5 Tracker, Switch To HTML5, HTML5 Test, Lime JS, etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Adobe Dreamweaver

Dreamweaver est un ensemble de logiciels de conception Web dotés d'une interface d'édition visuelle lancé par Adobe, le premier fabricant de logiciels au monde, pour créer et éditer des sites Web et des appareils mobiles. candidatures. Dreamweaver est un éditeur de code Web WYSIWYG qui intègre la création de pages Web et la gestion de sites Web. Grâce à son moteur de codage intelligent simplifié et à ses aides visuelles, il réduit les erreurs et augmente la vitesse de développement de sites Web, facilitant ainsi la création, le codage et la gestion de sites Web dynamiques. Vous pouvez également en apprendre rapidement sur HTML, CSS et d'autres normes Web en accédant aux astuces de code. (Remarque : choisissez la version en fonction de vos propres besoins)

Avantages :                                                                                                                                                                                                                                                                                                                                                                                                                                                                       

• La gestion du site Web est simple et rapide.

• Support CSS complet.

• Il existe de nombreuses ressources d'apprentissage, telles que la communauté DW.

• Inconvénients : L'effet

• est difficile d'obtenir avec précision le même effet d'affichage que le navigateur.

Générez du code HTML propre et précis sans surveillance facile.

• Lien de l'adresse du site officiel : https://www.adobe.com/cn/products/dreamweaver.html

• DevExtreme

DevExtreme est un framework de développement mobile HTML5, CSS et Java hautes performances qui peut créer des applications mobiles directement dans l'environnement de développement intégré Visual Studio. D'Angular et React à ASP.NET MVC ou Vue, DevExtreme comprend une gamme de widgets d'interface utilisateur hautes performances et réactifs pour les applications Web traditionnelles et mobiles de nouvelle génération. Actuellement, DevExtreme V19.1.6 est récemment publié et constitue l'outil préféré des développeurs de Visual Studio pour développer des produits mobiles multiplateformes. (Remarque : choisissez la version en fonction de vos propres besoins)

Lien de l'adresse officielle : https://js.devexpress.com/

JetBrains WebStorm

WebStorm Il s'agit d'un outil de développement JavaScript appartenant à jetbrains. Il est salué par la majorité des développeurs JS chinois comme « artefact de développement frontal Web », « l'éditeur HTML5 le plus puissant », « l'IDE JavaS le plus intelligent », etc. Il a la même origine qu'IntelliJ IDEA et hérite des fonctions de la puissante partie JS d'IntelliJ IDEA.

(Remarque : choisissez la version en fonction de vos propres besoins)

Avantages :

Complétion de code intelligente, prend en charge les invites de différents navigateurs.

Formatage du code, personnalisation des règles.

• Conseils intelligents HTML.

• Requête associative, mise en évidence de la recherche.

• Refactorisation de code.

• Inspection du code, solutions rapides.

• Débogage du code.

• Parcourez et localisez rapidement la structure du code.

• Pliage de codes.

• Demander automatiquement l'habillage ou la suppression du code.

• Lien de l'adresse officielle : 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 est un très excellent outil de développement IDE avec une belle interface, des fonctions puissantes et pratiques et un support logiciel en chinois , avec une multitude de plug-ins, intègre toutes les fonctionnalités qu'un éditeur moderne devrait avoir, y compris l'éclairage de la syntaxe, les liaisons de clavier personnalisables et la correspondance des crochets ainsi qu'une collection d'extraits de code (extraits). Prend en charge Windows, OS X et Linux. Prise en charge intégrée de JavaScript, TypeScript et Node.js.

Avantages :

Gratuit

Allez au-delà de la coloration syntaxique et de la saisie semi-automatique avec IntelliSense.

• Déboguer le code directement depuis l'éditeur.

• Commandes Git intégrées.

• Extensible et personnalisable.

• Déployez et hébergez facilement votre site Web avec Microsoft Azure.

• Adresse du lien officiel : https://code.visualstudio.com/#built-in-git

• Sencha Architect

  Le positionnement d'Architect parmi les outils de développement d'applications mobiles et de bureau est le développement d'applications visuelles HTML5. Les équipes de développement peuvent utiliser la fonctionnalité glisser-déposer pour créer des applications HTML5, ce qui vous permet de passer moins de temps sur le codage manuel et d'optimiser le code de votre application pour des performances élevées. Architect fait gagner du temps aux développeurs en éliminant le besoin de saisir la plupart du code passe-partout. La génération automatique de code accélère le développement d'applications de bureau et mobiles. La simple modification des propriétés et de la configuration de n'importe quel composant de l'interface utilisateur Ext JS dans une fenêtre WYSIWYG élimine les erreurs humaines qui se produisent souvent lors du codage manuel. (Remarque : choisissez la version en fonction de vos propres besoins)

  Avantages :

  • Glisser-déposer des composants

  • Modèle de support - vue - —Mode contrôleur.

  • Prend en charge Sencha Touch et Ext JS 4 pour créer des applications Web mobiles et de bureau.

  • Fonction d'empaquetage native intégrée en un clic pour IOS et Android.

  Lien de l'adresse officielle : https://www.sencha.com/products/architect/

  HTML5demos

  Pensez Savez-vous si votre navigateur prend en charge HTML5 Canvas ? Vous vous demandez si Safari peut exécuter un simple client de discussion HTML5 ? Les démos HTML5 vous indiqueront dans quels navigateurs chaque fonctionnalité HTML5 est prise en charge.

  Adresse du lien officiel : http://html5demos.com/

  HTML5 Tracker

  Vous voulez connaître les dernières tendances en HTML5 ? , qui peut suivre les dernières informations de révision de HTML5.

  Aide-mémoire visuel HTML5

  Vous souhaitez trouver rapidement une balise ou un attribut ? Découvrez cette aide-mémoire sympa, un incontournable pour tout développeur Web.

  Adresse du lien non officiel : https://download.csdn.net/download/vick1217/4414181

  Passer au HTML5

  Passer au HTML5 est un outil de génération de modèles basique et pratique. Si vous démarrez un nouveau projet, vous pouvez obtenir un modèle de site Web HTML5 gratuit ici.

  Test HTML5

  Votre navigateur est-il prêt pour la révolution HTML5 ? HTML5 Test vous le dira. Ce site Web générera un rapport complet sur la prise en charge de la vidéo, de l'audio, du canevas et d'autres fonctionnalités pour le navigateur que vous utilisez actuellement.

  Adresse du lien officiel : http://html5test.com/

  Lime JS

  LimeJS est un framework de développement de jeux HTML5 pour tous Build fast, des jeux d'expérience native pour les écrans tactiles et les navigateurs de bureau modernes.

  Adresse du lien officiel : http://www.limejs.com/

  Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!