vim

5 vim-Plugins für die Webentwicklung

5 vim-Plugins für die Webentwicklung
Die Entwicklung für das Web hängt von viel Code ab; Wenn Sie vim noch nicht verwendet haben, werden Sie das Gefühl haben, jedes Zeichen der Webseite eingeben zu müssen. Sie kommen vielleicht von anderen Redakteuren und fragen sich, wo all die Codevervollständigungsfunktionen und andere hilfreiche Dinge sind are? Bei einem flüchtigen Blick auf Vim ist die Schlussfolgerung, zu gehen und es nie wieder anzufassen. Wenn Sie ein paar einfache Anleitungen befolgen und die entsprechenden Plugins installieren, werden Sie Ihre Meinung ändern. Um beim Programmieren effizient zu sein, benötigen Sie einige Funktionen. Nämlich Dokumentationslinks, Codevervollständigung und Syntaxhervorhebung. Dies macht Sie nicht zum Meisterprogrammierer, aber es wird Ihre Erfahrung viel besser machen.

Dateihandhabung

Es gibt viele Tools, um Dateien besser zu handhaben; Sie sollten wirklich einen projektorientierten Workflow verwenden. Abgesehen davon besteht eine Verbesserung darin, dass Sie Ihre Dateien in einem Baum neben dem Editor sehen können. NERDtree hinzufügen!

Nerdtree wird auf GitHub veröffentlicht; die meisten Plugin-Manager nehmen den Wert „preservim/nerdtree“ an. Die Erweiterung platziert eine Baumliste Ihrer Dateien dort, wo Sie sie erwarten würden. Sie haben viele Optionen, um das Verhalten zu optimieren, einschließlich der Einstellung der Pfeile nach Belieben. Wenn Sie sich GitHub ansehen, haben Sie auch viele Forks, die Ihren Anforderungen möglicherweise besser entsprechen.

In Schreibsoftware müssen Sie nach Dateien und Text in anderen Dateien suchen. Ohne Funktionen in Vim wären Sie gezwungen, dies auf der Befehlszeile in einem anderen Terminal zu tun. Denite integriert sich in Ripgrep und ermöglicht es Ihnen, direkt in Vim . zu suchen. Es erfordert Python und pynvim und ist sehr schnell und effizient.

Um Denite zu installieren, müssen Sie 'Shougo/denite . installieren.nvim', in Ihrem vim-Plugin-Verzeichnis oder verwenden Sie Ihren bevorzugten Plugin-Manager. Sie müssen auch das von Ihnen verwendete Python mit den Host-Programmparametern festlegen. Verwenden Sie 'checkhealth' in vim, um dies zu überprüfen und weitere Informationen zu erhalten.

lass g:python_hostprog = '/usr/bin/python' lass g:python3_hostprog = '/usr/bin/python3'

Installiere das ripgrep-Programm und aktualisiere dein pynvim auf die richtige Version. Sie befinden sich im regulären Repo bzw. im Python.

Code-Vervollständigung

Viele Benutzer, die von VSCode wechseln, fragen sich, wie sie Dinge wie die Codevervollständigung tun können. Keine Sorge, die Leute arbeiten daran, dir zu helfen und ihre eigenen Probleme zu lösen. Neoclide auf GitHub hat viele vim-Erweiterungen für alle deine Bedürfnisse. Der „Conquer of Completion“, coc, beinhaltet von nun an eine Code-Vervollständigung, die VSCode ähnelt.

COC hat auch viele Sub-Plugins, die alle das Haupt-Plugin verwenden. Einige sind für bestimmte Sprachen nützlich. Sie können eslint verwenden, um Ihren Code korrekt zu halten und Fehler zu finden. Die hübschere Erweiterung macht Ihren Code besser formatiert. Die Liste der Sprachen, die Sie verwenden können, ist lang. Sie sollten es durchsehen, nachdem Sie mit der Verwendung von COC begonnen haben; zu anderen zu wechseln kann sich lohnen, aber nicht ohne sehr gute Gründe.

Um das Programmieren noch schneller zu machen, können Sie Abkürzungen verwenden, um Ihren Code zu erstellen. Dies ist, was Sie mit Emmet tun; das System existiert für viele Editoren und IDEs. In Vim fügst du einfach dein Plugin mit der init hinzu.vim- oder vimrc-Datei. Um wirklich effizient zu sein, müssen Sie die Abkürzungen lernen, die dem gewünschten Code entsprechen. Sobald Sie diese kennen, nimmt die Codierungsgeschwindigkeit exponentiell zu. Fügen Sie zum Installieren https://github:// hinzu.com/mattn/emmet-vim in deine Plugin-Konfiguration.

Git

Wenn Sie ernsthaft programmieren möchten, benötigen Sie ein Versionskontrollsystem. Wenn Sie kein Git verwenden, dann haben Sie ein sehr seltenes Projekt in der Hand. Sie führen Git auf der Befehlszeile außerhalb Ihres Editors aus, bis Sie eine großartige Erweiterung finden, die es für Sie ausführt. Da Sie von Coc gehört haben, sollten Sie wissen, dass es eine Erweiterung für dieses Framework gibt, aber sie geben selbst zu, dass es an Funktionen mangelt. Am beliebtesten ist also Vim-Flüchtling. Installieren Sie es mit Ihrem bevorzugten Plugin-Manager. Sobald Sie es installiert haben, können Sie git ausführen, als ob Sie auf der Befehlszeile wären. Es fügt auch viele Funktionen hinzu, die sowohl auf Ihr Repository als auch auf Ihren Puffer wirken. Sie können es verwenden, um den Unterschied in vim auszuführen, und es hat auch viele Plugins für berühmte Anbieter. Sie haben auch eine Statuszeilenoption, die Sie zu Ihrer Statuszeile hinzufügen können. Ein Beispiel dafür sehen Sie weiter unten.

Andere seltsame, die Ihnen gefallen könnten.

Sobald Sie alle Funktionen in Ihrem Editor haben, möchten Sie Ihre Erfahrung vielleicht aufpeppen. Vielleicht möchten Sie eine schöne Statuszeile am unteren Rand des Bildschirms haben. Verwenden Sie dafür vim-airline, es gibt viele andere, aber diese sieht leicht und luftig aus. Fügen Sie zur Installation 'vim-airline/vim-airline' zu Ihrer Konfiguration hinzu. Ihre Taskleiste sieht sofort besser aus und Sie können mehr nach Belieben optimieren.

https://github.com/vim-airline/vim-airline

Eine Möglichkeit, sowohl Ihre Statusleiste als auch die meisten anderen Teile der Benutzeroberfläche besser aussehen zu lassen, besteht darin, der Installation schöne Symbole hinzuzufügen. Die 'ryanoasis/vim-dev-icons' ist eine gute Wahl für diese Icons. Installieren Sie den regulären Weg; es funktioniert gut mit vim-airline und vielen anderen Erweiterungen.

https://github.com/ryanoasis/vim-devicons

Sie sollten auch überlegen, wie Sie Ihre Webseite live sehen können, während Sie außerhalb von vim codieren. Für Knoten.js, dafür gibt es eine fertige Lösung. Es heißt Browser-Sync. Sie installieren es mit npm und führen es mit dem Befehl und dem Verzeichnis aus, in dem sich Ihr Projekt befindet. Sobald der Befehl ausgeführt wird, wird Ihr Browser unter der Adresse 'localhost:3000' gestartet. Alle Änderungen werden sofort angezeigt, wenn Sie den Code aktualisieren.

Fazit

Um mit der Programmierung für das Web zu beginnen, müssen Sie sich zunächst die Mühe machen, ein paar Tutorials zu befolgen und dann Ihre eigenen Projekte zu erstellen. Finde Leute, denen du helfen kannst, damit sie dir am Ende helfen können. Damit Ihre Programmiererfahrung effizient und angenehm ist, verwenden Sie die Erweiterungen, von denen Sie hier gehört haben. Sie sollten auch weiterhin nach Möglichkeiten suchen, sich selbst und dann Ihre Werkzeuge zu verbessern.

Nützliche Tools für Linux-Spieler
Wenn Sie gerne unter Linux spielen, haben Sie wahrscheinlich Apps und Dienstprogramme wie Wine, Lutris und OBS Studio verwendet, um das Spielerlebnis ...
HD-Remastered-Spiele für Linux, die noch nie zuvor eine Linux-Version hatten
Viele Spieleentwickler und -herausgeber entwickeln HD-Remaster alter Spiele, um die Lebensdauer des Franchise zu verlängern. Bitte Fans, die Kompatibi...
So verwenden Sie AutoKey zur Automatisierung von Linux-Spielen
AutoKey ist ein Desktop-Automatisierungsdienstprogramm für Linux und X11, programmiert in Python 3, GTK und Qt. Mithilfe der Skript- und MACRO-Funktio...