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