Programme zur Erstellung von Quellcode

Damit ein Programmierer seinen Programmcode ĂŒbersichtlich und einfach erstellen kann gibt es eine Hand voll ausgezeichneter Programme, die die Arbeit eines Entwicklers zu vereinfachen.

FĂŒr einfache Web-Sprachen wie HTML oder CSS reicht natĂŒrlich der normale Text-Editor des Betriebssystems. Sobald man aber Applikationen mit einer höheren Programmiersprache, wie C# oder Java entwickeln möchte reicht der unformatierte, einfache Editor nicht mehr aus.

Es gibt einige Programme, die nur fĂŒr bestimmte Sprachen konzipiert wurden und einige, die fĂŒr fast jede erdenkliche Sprache verfĂŒgbar sind. Ich möchte Dir zeigen, welche Programme es fĂŒr die Entwicklung gibt und welches fĂŒr die verschiedenen Programmiersprachen geeignet sind.

Der Texteditor des Betriebssystems

Wie bereits in der Einleitung erwĂ€hnt, kannst Du HTML, CSS, JavaScript, PHP und einige weitere Sprachen mit dem Texteditor des Betriebssystems erstellen. Anfangs kann das auch schon genĂŒgen, jedoch wirst Du mit diesem Programm irgendwann an Deine Grenzen stoßen.

Denn der Texteditor hat weder einen Syntax-Highlighter, oder einen Kompilierer, der höhere Programmiersprachen in ein fĂŒr den Rechner lesbares Programm wandeln kann.

Ein Syntax-Highlighter hilft Dir Deinen Quellcode besser zu verstehen. Mit ihm werden verschiedene Typen und Bereiche eines Codes unterschiedlich farbig gestaltet, damit Du Klassen, Funktionen, Schleifen, Variablen und noch vieles mehr schneller erkennen kannst.

In vielen Entwicklunger-Programmen hast Du zudem die Möglichkeit Add-Ons zu installieren, um den Funktionsumfang zu erweitern. Diese Möglichkeit schließt der Texteditor leider aus, was ihn fĂŒr die fortgeschrittene Verwendung schlichtweg unbrauchbar macht.

Notepad++

Ein gutes Einsteiger-Programm fĂŒr einfache Programme mit Web-, Style- und Script-Sprachen ist Notepad++. Dieses kostenlose Programm wird mit einigen Grundfunktionen geliefert und kann mit Add-Ons nach belieben erweitert werden.

Ich empfehle dieses Programm gerne Web-Einsteigern, da es einfach zu verstehen ist und einen schlichten Aufbau hat. Es gibt nur wenige Funktionen, die dem Einsteiger das Programmieren erschweren und es kann mit nur wenigen Klicks auf dem lokalen Rechner installiert werden.

Ein schöner Vorteil an Notepad++ ist der schnelle Start des Programms, da es wenige oder keine Hintergrundprozesse starten muss um zu funktionieren.

Die Standard-Installation des Programms beinhaltet bereits einen Syntax-Highlighter fĂŒr alle gĂ€ngigen Programmiersprachen, die ĂŒber die MenĂŒleiste unter "Sprachen" geĂ€ndert werden kann. Das Programm erkennt viele Datei-Formate und wĂ€hlt beim öffnen die jeweilige Sprache automatisch aus. Die Erkennung eines Datei-Typs ist aber eine Grundausstattung die Du bei jedem Programm finden wirst.

Das Linux-Pendant zu Notepad++ ist Notepadqq. Unter Ubuntu kannst Du Dir die .ppa-Datei herunterladen und mit dem Installations-Manager auf Deiner Maschine einrichten. FĂŒr Debian oder andere Distributionen findest Du ein passendes Github-Repository mit einer Anleitung zur Installation.

Sublime Text

Das Cross-Plattform-Programm Sublime Text ist mit allen Funktionen ausgestattet, die ein moderner Code-Editor benötigt. Der Download des Programms ist zwar kostenlos, jedoch berechnen die Hersteller fĂŒr den erweiterten Gebrauch 80 Dollar (das entspricht etwa 70 Euro). Die Lizenz ist nicht an ein GerĂ€t oder dem Programm gebunden, sondern kann an mehreren GerĂ€ten mit dem gleichen Benutzer-Account verwendet werden.

Meiner Meinung ist das Ändern eines Funktions- oder Variablen-Namens eines der besten Features, die dieses Tool bietet. Dadurch können die Namen schnell in jeder Datei geĂ€ndert werden, ohne darauf acht zu geben mit dem Suchen und Ersetzen Befehl eine gleichnamige Zeichenkette zu ersetzen. Zudem kann das Programm in Echtzeit auf Rechtschreibfehler prĂŒfen und VorschlĂ€ge geben.

Sublime Text unterstĂŒtzt alle gĂ€ngigen Programmiersprachen und kann beliebig auf die eigenen WĂŒnsche angepasst werden. So gut wie jedes grafische Element kann ein- oder ausgeblendet werden. HĂ€ufig verwendete Text-Zeilen können sogar zu einer Tastenkombination hinterlegt werden, um diese schnell in den Code einzufĂŒgen.

Einer der Kern-Bestandteile von Sublime ist die "GoTo"-Funktion, mit der man zu jedem Projekt, jeder Funktion oder jeder Variable mit Leichtigkeit springen kann. Weitere AddOns können nach belieben installiert werden, um zum Beispiel eine Git-Anbindung oder ein FTP-Client direkt im Programm hinzuzufĂŒgen.

Visual Studio Code

Der Allrounder Visual Studio Code von Microsoft ist eine professionelle IDE (Integrated Development Environment), die fĂŒr fast jede Programmiersprache geeignet ist. Sprachen, die nicht im Grund-Setup geliefert werden können in den meisten FĂ€llen ĂŒber eine Extension installiert werden. Das schließt eine Extension fĂŒr PHP ein, die unter anderem mit HTML und CSS geliefert wird. PHP ist nur als Erweiterung verfĂŒgbar, da Visual Studio Code vorrangig nicht fĂŒr Web-Sprachen entwickelt wurde.

Einsteiger in der Web-Entwicklung sollten dieses Programm in den AnfĂ€ngen nicht wĂ€hlen, da es zu einigen Komplikationen kommen kann, wenn die IDE nicht ordentlich aufgesetzt wurde. Zudem enthĂ€lt sie einige erweiterte Entwickler-Funktionen, die in vielen FĂ€llen bei ungeĂŒbten Entwicklern Verwirrungen stiften können.

Falls Du Dich als Einsteiger dennoch fĂŒr diese Entwicklungsumgebung interessierst kannst Du Dich auf der offiziellen Webseite von Visual Studio Code im HTML-Bereich einlesen. Es gibt auch viele Tutorials in YouTube oder auf verschiedenen Blogs. Google kann Dir dabei sicherlich behilflich sein.

Die Entwicklungs-Umgebung ist nicht nur fĂŒr Windows in der 32- und 64-Bit-Version erhĂ€ltlich, sondern auch fĂŒr Mac und den gĂ€ngigsten Linux-Distributionen. Ich verwende dieses Programm selbst auf einer virtuellen Maschine mit Ubuntu und bin begeistert. Da meine VM nur 2 GB erhalten hat war ich unsicher, ob die IDE ohne Probleme laufen wĂŒrde. Ich bin aber positiv ĂŒberrascht worden, das sie doch relativ wenig Ressourcen benötigt.

Ein weiterer Vorteil von VS Code sind die Git-Extensions, die Dir helfen Dein Repository ohne Terminal zu verwenden. Es kann vorkommen, dass einige der Git-Extensions Schwierigkeiten beim Verbinden haben, falls Du eine VM verwendest. Teste in diesem Fall eine andere Extension, oder mache Dich in den Anleitungen der Erweiterung schlau.

Atom

Die noch recht junge IDE enthĂ€lt alles, was ein professioneller Entwickler an einer Entwicklungsumgebung wertschĂ€tzt. Ein Pakete-Manager fĂŒr Erweiterungen, eine intelligente AutovervollstĂ€ndigung und ein ĂŒbersichtlicher Datei-Explorer sind nur wenige Eigenschaften, die Atom schon in der Standard-AusfĂŒhrung liefert.

Da Atom auf Electron basiert und mit NodeJS entwickelt wurde ist diese Entwicklungsumgebung perfekt fĂŒr die Entwicklung fĂŒr Cross-Plattform-Applikationen geeignet und kann auf jedem gĂ€ngigen Betriebssystem verwendet werden. Die IDE wird unter der MIT Lizenz angeboten und ist somit eine Open Source Software. Das bedeutet, dass sich unabhĂ€ngige Entwickler an der Weiterentwicklung von Atom beteiligen, oder eigene Versionen des Programms erstellen können.

Im Gegensatz zu Visual Studio Code enthĂ€lt die Entwicklungsumgebung eine integrierte Git-Toolbox, die schon nach dem Installieren der Software zur VerfĂŒgung steht.

Ein weiteres fantastisches Feature, dass perfekt dafĂŒr geeignet ist, wenn man in der Gruppe am gleichen Code arbeitet ist die Erweiterung Teletype. Mit diesem Add-On kannst Du in Echtzeit mit Deinen Kollegen am gleichen Code arbeiten, oder einem anderen Team-Mitglied direkt im Quellcode etwas zeigen. Der Verbindungsaufbau wird von einem Server gesteuert. Nach dem "Handshake" wird eine Peer-To-Peer-Verbindung mit den einzelnen Clients aufgebaut, um Server-unabhĂ€ngig zu agieren.

Atom ĂŒbermittelt Statistiken an Google um das Produkt verbessern zu können. Solltest Du oder Dein Datenschutzbeauftragter etwas dagegen haben kannst Du diese Funktion ĂŒber die Paket-Einstellungen deaktivieren. Rufe dazu zunĂ€chst mit "Strg" und "," oder auf Mac "Cmd" und "," die Einstellungen auf. Mit der Suche nach "metrics" im Reiter "Packages" findest Du einen Button zum Deaktivieren des Statistik-Versands im "Metrics Package Panel".

 

Welche Editoren verwendest du? Teile dein Wissen mit den anderen!

 

Codepalm
Deine erste Webseite programmieren
Teil 2: Erstellen und Bearbeiten mit Editoren