Artikel mit Tag bestof

Die 30 besten VS Code Erweiterungen für Administratoren und DevOps

Wie bereits im letzten Artikel erwähnt, gibt es mit Visual Studio Code einen starken Editor, welcher sich mit Hilfe von Erweiterungen für jeden Einsatzzweck anpassen lässt.

Ich möchte euch einige davon vorstellen, welche sich für den Einsatz im Administrations- oder DevOps Bereich eignen.

Die 30 besten VS Code Erweiterungen

  1. Ansible Language: Zu dieser Erweiterung muss wenig gesagt werden. Ihr erhaltet YAML Support mit Syntax Highlighting, Autovervollständigung und der mitgelieferte YAML bzw. Ansible Linter zeigt euch Fehler adhoc an. ansible

  2. Apache Syntax Support: Der Name ist Programm und eure Apache Config Files erstrahlen beim Editieren in neuem Glanz, dank Syntax Highlighting.

  3. Atom Keymap: Solltet ihr aus der Atom Editor Welt kommen und eure alten Shortcuts vermissen, dann hilft das Plugin ungemein.

  4. Better Jinja: Das Arbeiten mit Jinja Templates kann schnell in die Verzweiflung führen. Durch diese Erweiterung erhaltet ihr neben Jinja auch Support für HTML, Markdown, YAML, CSS, Docker, Python und uvm. in euren Dateien. jinja

  5. Better TomlTom's Obvious, Minimal Language kommt immer mal wieder vor. Einige werden die Dateien von Gitlab kennen. Die Extension sorgt für bessere Lesbarkeit beim Editieren.

  6. Confluence: Atlassians Wiki Lösung findet sich sehr häufig in Unternehmen. Aus diesem Grund kommen einige sicher öfters mit deren Markup in Berührung. Hier gibt es Unterstützung für Confluence® and Jira® Markup.

  7. Debian Package Syntax Highlighting: Nur für diejenigen, die öfters mit DEB Paketen zu tun haben.

  8. Docker: Eigentlich schon essentiell, Docker Unterstützung für VS Code. docker

  9. Git History: Für Git fast unverzichtbar. Bereitet Logs auf, nimmt Grafiken zu Hand, kann vergleichen usw.

  10. Git Lens: Der selbst ernannte Supercharger. Bietet ähnlich wie Git History eine schöne Log Übersicht. Zusätzlich dazu kommen Features wie Revision Navigation, History Anzeige in der Status Bar oder der aktuellen Zeile.

  11. Gremlins Tracker: Wer kenn es nicht, ein unerwünschtes Leerzeichen sorgt im Code für Aufregung. Gremlins werden sie von dieser Erweiterung genannt und als solche auch in der Sidebar sichtbar gemacht. gremlins

  12. Hugo Language Support: NutzerInnen des Frameworks wird mit Syntax Highlighting und Snippets das Webseiten bauen erleichtert.

  13. Indent Rainbow: Einer meiner Favoriten, macht Nichts anderes als Einrückung kolorieren. Das hilft nicht nur bei YAML Dateien ungemein. 

  14. Jinja Syntax Highlighting: Jinja kann durchaus hilfreich sein, leider geht auch schnell die Übersicht im Code verloren. Durch Syntax-Hervorhebung kann dem aber vorgebeugt werden.

  15. Kubernetes: Die Beschreibung im Marketplace sagt eigentlich alles:  Develop, deploy and debug Kubernetes applications

  16. Nginx Configuration Language Support: Autovervollständigung bei der NGINX Konfiguration, nicht mehr und nicht weniger. Allerdings nicht mehr ganz aktuell. nginx

  17. Notepad++ Keymap: Für Umsteiger eignet sich diese Notepad++ Keymap.

  18. OpenSSL Utilities: Auf ITrig hatte ich bereits Anleitungen, wie Private Key, CSR oder self-signed Zertifikate über die Kommandozeile erstellt werden. Die Erweiterung erlaubt euch das Erstellen ohne weitere Kenntnisse der CLI Befehle direkt in Visual Studio Code. privkey

  19. Prettier: Schöner programmieren mit Prettier - Code formatter. Das Tools formatiert euren Code automatisch. Unterstützt werden JavaScript, TypeScript, Flow, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Angular, GraphQL, Markdown, YAML.

  20. Projekt Manager: Wenn an mehreren Projekten gleichzeitig gearbeitet wird, kann es sinnvoll sein die Verwaltung dieser zu verbessern.

  21. Rainbow Brackets: Es wird wieder bunt. Regenbogenfarben für die runden Klammern, die eckigen Klammern und die verschnörkelten Klammern.

  22. Remote SSH: Dateien direkt auf Servern editieren kann durchaus praktisch sein.

  23. Salt-lint. Einfacher Linter für States und Pillars

  24. Saltstack: Analog zum Salt-Linter ist dieser Syntax Highlighter für Saltstack ein Muss. saltstack

  25. Snort:  NIDS/NIPS in Farbe.

  26. Sort: Wörter alphabetisch sortieren, einfach shift+alt+s  drücken

  27. Tomcat for Visual Code: Tomcat Server direkt aus VS Code starten und war Pakete debuggen.

  28. Toml Language Support: Ein weiterer Formater für Toml Dateien.

  29. XML Support: Alles was es für XML braucht in einem Plugin.

  30. YAML: Voller YAML Support mit Kubernetes Unterstützung. yaml

Themes

Damit die Arbeit noch mehr Spaß macht, gibt es ebenfalls viele Themes, sowie Icon Sets.

Hier eine kleine Auswahl an Themes, welche ich gerne einsetze.

  1. SynthWave 84 (die 80er sind zurück)
  2. Dracula Theme (schönes ausgewogenes Theme)
  3. Material Icons (Icons für die Ordner und Dateistruktur)
  4. Solarized Dark (Blau und Grüntöne, ist bei VSCode dabei)
  5. Monokai Pro (Theme und Icon Set zusammen)

synthwave

Eine schöne Übersicht mit Vorschauen vieler Themes bietet vscodethemes.com

Download

Schlussendlich fehlt wohl noch ein Link zu Visual Studio Code. Denn was helfen Erweiterungen, wenn der Editor fehlt.

Download VSCode

Die besten Firefox Add-ons des Jahres 2013

Das Jahr 2013 geht zu Ende und an jeder Ecke finden sich diverse "Best of" Listen, diesen Zug will ich natürlich nicht verpassen.

Schon vor einiger Zeit wurde über Mozilla die beliebtesten Firefox Add-ons des Jahres 2013 veröffentlicht. Das interessante an dieser Best of Liste ist der Wegfall alter Platzhirsche wie AdBlock oder NoScript. Denn diese Auswahl ist eine Sammlung der besten neuen Plugins jeden Monats, somit sind durchaus interessante Perlen dabei. Hier die Liste in Kurzform:

  1. URL Link - Text als URL öffnen
  2. Click an Clean - Temporäre Datenspuren entfernen, sollte von Chrome bekannt sein
  3. Clear Console - Cache, Verlauf und Co per Klick leeren
  4. Self Destructing Cookies - Cookies beim Tabschließen löschen
  5. New Tab Plus - Tabs pimpen
  6. Video Resumer - Videos können an der letzten Stelle fortgesetzt werden
  7. Reload Plus - Den "Neu Laden Button" aufmotzen
  8. Stylish - Das Aussehen des Browser modifizieren
  9. Fastes Search - Eine verbesserte Suchfunktion
  10. Google Search Index Link Fix - Von Google geänderte Links wiederherstellen
  11. S3 Google Translator - Google Translate für Firefox
  12. BluHell Firewall - Firewall Alternative zu AdBlockern und Co
  13. X-Notifier - Webmail checken und bei neuen Mails eine Info bekommen

Auf den ersten Blick eine sehenswerte Liste, wobei ich zugeben muss, keines der Add-ons bisher in Verwendung zu haben, dies wird sich aber im neuen Jahr sicherlich ändern. Die Links findet ihr alle im Originalartikel.

firefox-addons2013

Meine Top 5 Add-ons für 2013 

Ich selbst habe an Add-ons dieses Jahr nicht sehr viele neu entdeckt, diese sind dafür aber nicht weniger interessant. Dazu kommen aber auch altbewährte Plugins, die ich euch nicht vorenthalten will. Hier also die persönlichen Top 5:

  1. Disconnect - Die Alternative, von ehemaligen Google Mitarbeitern, zu Ghostery und Co
  2. Lightbeam - Der Collusion Nachfolger ermöglicht euch die Visualisierung von trackenden Webseiten
  3. HTTPS Everywhere - Sichere Verbindungen liefert das Addon der Electronic Frontier Foundation
  4. Request Policy - Eine weitere Ghostery Alternative, welche domainübergreifende Anfrage kontrolliert
  5. Modify Headers - Die Herkunft verschleiern mit geänderten HTTP Headern
Als Wunsch für 2014 wäre ein ZenMate Add-on für den Firefox Browser toll.