Derzeit verwende ich CodePen.io, aber ich möchte zu einem herunterladbaren Programm wechseln, da es professioneller ist und kein Internet benötigt.
Der Code, den ich hauptsächlich verwende, ist HTML, CSS, JavaScript und einige JavaScript-Bibliotheken.
WebStorm ist eine professionelle IDE für das Web-Authoring von JavaScript, CSS und HTML.
Von ihrer Website:
Profitieren Sie von Codevervollständigung, leistungsstarken Navigationsfunktionen, spontaner Fehlererkennung und Refactorings.
Moderne Rahmen
WebStorm bietet erweiterte Codierungsunterstützung für Angular, React und Meteor. Genießen Sie die Unterstützung für PhoneGap, Cordova und Ionic für die mobile Entwicklung und entwickeln Sie serverseitig mit Node.js. Alles in einer IDE!
Intelligenter Editor
Die IDE analysiert Ihr Projekt, um die besten Codevervollständigungsergebnisse für alle unterstützten Sprachen bereitzustellen. Hunderte von integrierten Inspektionen melden alle möglichen Probleme direkt während der Eingabe und schlagen Quick-Fix-Optionen vor.
Navigation & Suche
WebStorm hilft Ihnen, Ihren Code effizienter zu umgehen und Zeit zu sparen, wenn Sie mit großen Projekten arbeiten. Springen Sie mit nur einem Klick zu einer Methode, Funktion oder Variablendefinition oder suchen Sie nach der Verwendung.
Debuggen, Tracen und Testen
WebStorm bietet leistungsstarke integrierte Tools zum Debuggen, Testen und Verfolgen Ihrer clientseitigen und Node.js-Anwendungen. Mit minimaler erforderlicher Konfiguration und durchdachter Integration in die IDE sind die Aufgaben mit WebStorm viel einfacher.
Debuggen
WebStorm bietet einen integrierten Debugger für Ihren clientseitigen Code (der mit Chrome funktioniert) und Node.js-Apps. Setzen Sie die Breakpoints, gehen Sie schrittweise durch den Code und werten Sie Ausdrücke aus – alles ohne die IDE zu verlassen.
Unit-Tests
Führen Sie Unit-Tests ganz einfach durch, da WebStorm in Karma Test Runner und Mocha integriert ist. Führen Sie Tests direkt in der IDE aus und debuggen Sie sie, sehen Sie sich die Ergebnisse in einem ansprechenden und visuellen Format an und navigieren Sie zum Testcode.
Rückverfolgung und Profilerstellung
WebStorm verfügt über spy-js, ein integriertes Tool, mit dem Sie Ihren JavaScript-Code verfolgen können. Untersuchen Sie, wie Dateien mit Funktionsaufrufen verbunden sind, und identifizieren Sie effizient mögliche Engpässe.
Nahtlose Tool-Integration
WebStorm lässt sich in beliebte Befehlszeilentools für die Webentwicklung integrieren und bietet Ihnen ein produktives, optimiertes Entwicklungserlebnis ohne Verwendung der Befehlszeile.
Werkzeuge bauen
Genießen Sie eine einfache einheitliche Benutzeroberfläche zum Ausführen von Grunt-, Gulp- oder npm-Aufgaben direkt aus der IDE. Alle Tasks werden in einem speziellen Toolfenster aufgelistet, doppelklicken Sie also einfach auf den Tasknamen, um ihn zu starten.
Tools zur Codequalität
Zusätzlich zu Hunderten von WebStorm-eigenen Inspektionen kann es JSHint, ESLint, JSCS oder JSLint gegen Ihren Code ausführen und alle Probleme im Handumdrehen direkt im Editor hervorheben.
Projektvorlagen
Starten Sie neue Projekte über den Willkommensbildschirm mit beliebten Projektvorlagen wie Express oder Web Starter Kit und greifen Sie dank der Integration mit Yeoman auf noch mehr Projektgeneratoren zu.
IDE-Funktionen
WebStorm baut auf der Open-Source-IntelliJ-Plattform auf, die wir bei JetBrains seit über 15 Jahren entwickeln und perfektionieren. Genießen Sie die fein abgestimmte und dennoch hochgradig anpassbare Erfahrung, die es bietet, um es an Ihren Entwicklungsworkflow anzupassen.
VCS
WebStorm bietet eine einheitliche Benutzeroberfläche für die Arbeit mit vielen beliebten Versionskontrollsystemen und gewährleistet eine konsistente Benutzererfahrung über Git, GitHub, SVN, Mercurial und Perforce.
Lokale Geschichte
Unabhängig davon, ob Sie VCS verwenden oder nicht, der lokale Verlauf kann ein echter Codesparer sein. Sie können jederzeit den Verlauf einer bestimmten Datei oder eines bestimmten Verzeichnisses überprüfen und zu einer der vorherigen Versionen zurückkehren.
Anpassung
WebStorm ist extrem anpassbar. Passen Sie es perfekt an Ihren Programmierstil an, von Verknüpfungen, Schriftarten und visuellen Themen bis hin zu Werkzeugfenstern und dem Editor-Layout.
Im Gegensatz zu WebStorm ist der CudaText- Editor leicht, unterstützt jedoch die wichtigsten Front-End-Sprachen (JS, CSS, PHP, JSX, LESS, SCSS, Stylus usw.) und verfügt über viele Plugins für das Front-End. Kostenlos, plattformübergreifend.
Es ist analog zum Sublime Texteditor.