codepalm_editors

Erstellen und Bearbeiten mit Editoren

 

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".

 

Codepalm
Der Einstieg in die Webseiten-Programmierung
Teil 2: Erstellen und Bearbeiten mit Editoren

Abonniere die Fanpage von Codepalm und verpasse keine Beitr├Ąge mehr

Codepalm auf Facebook
 
 
 
 
 
Das k├Ânnte Dir gefallen:

WordPress 4: Das umfassende Handbuch

EUR 34,90

Zu Amazon Mehr erfahren

Das Umfassende JavaScript Handbuch

EUR 45,99

Zu Amazon Mehr erfahren

Einstieg in Phyton - Ideal f├╝r Programmier-Anf├Ąnger

EUR 24,90

Zu Amazon Mehr erfahren

Kommentare

Sei der Erste, der einen Kommentar erstellt!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht ver├Âffentlicht. Erforderliche Felder sind mit * markiert.