5 VIM -Plugins für die Webentwicklung

Die Entwicklung des Webs hängt von viel Code ab. Wenn Sie VIM noch nicht verwendet haben, werden Sie das Gefühl haben, jedes Webseitencharakter eingeben zu müssen. Sie können von anderen Redakteuren kommen und sich fragen, wo alle Code -Fertigstellungsfunktionen und andere hilfreiche Dinge sind? Wenn Sie einen flüchtigen Blick auf Vim werfen, ist die Schlussfolgerung, es zu verlassen und ihn nie wieder zu berühren. Wenn Sie ein paar einfachen Leitfäden folgen und die entsprechenden Plugins installieren, ändern Sie Ihre Meinung. Um beim Programmieren effizient zu sein, benötigen Sie einige Funktionen. Nämlich Dokumentationslinks, Code -Abschluss und Syntax -Hervorhebung. Dies macht Sie nicht zum Master -Programmierer, aber es wird Ihre Erfahrung viel besser machen.

Dateibehandlung

Es gibt viele Tools, um Dateien besser zu handhaben. Sie sollten wirklich einen Projekt-Flow-Flow verwenden. Nachdem dies gesagt ist, besteht eine Verbesserung darin, Ihre Dateien in einem Baum an der Seite des Herausgebers zu sehen. Fügen Sie Nerdtree hinzu!

Nerdtree wird auf GitHub veröffentlicht; Die meisten Plugin -Manager nehmen den Wert „PreserviM/Nerdtree“ ein. Die Erweiterung legt eine Baumauflistung Ihrer Dateien an, an der Sie sie erwarten würden. Sie haben viele Optionen, um sein Verhalten zu optimieren, einschließlich des Einstellens der Pfeile auf alles, was Sie wollen. Wenn Sie sich GitHub ansehen, haben Sie auch viele Gabeln, die Ihren Bedürfnissen besser entsprechen können.

Beim Schreiben von Software müssen Sie in anderen Dateien nach Dateien und Text suchen. Ohne Merkmale innerhalb von VIM würden Sie dies in der Befehlszeile in einem anderen Terminal tun. Denite integriert sich in RipGrep und ermöglicht es Ihnen, genau dort 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 den Python festlegen, den Sie mit den Host -Programmparametern verwenden. Verwenden Sie "Checkhealth" in VIM, um weitere Informationen zu überprüfen und weitere Informationen zu erhalten.

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

Installieren Sie das RipGrep -Programm und aktualisieren Sie Ihr Pynvim auf die richtige Version. Sie sind im regulären Repo bzw. im Python.

Code -Abschluss

Viele Benutzer, die sich von VSCODE wenden. Keine Sorge, die Menschen arbeiten daran, Ihnen zu helfen und ihre eigenen Probleme zu lösen. Neoklid auf GitHub hat viele VIM -Erweiterungen für alle Ihre Bedürfnisse. Die „Eroberung der Fertigstellung“, von nun an COC, beinhaltet Code -Fertigstellung, die VSCODE ähnelt.

CoC hat auch viele Sub -Plugins, die alle das Haupt -Plugin verwenden. Einige sind nützlich für bestimmte Sprachen. Sie können Eslint verwenden, um Ihren Code korrekt zu halten und Fehler zu finden. Die schönere Erweiterung macht Ihren Code besser formatiert. Die Liste der Sprachen, die Sie verwenden können, ist lang. Sie sollten es durchschauen, nachdem Sie mit CoC angefangen haben. Das Wechsel zu anderen mag es wert sein, aber nicht ohne sehr gute Gründe.

Um den Code noch schneller zu machen, können Sie Abkürzungen zum Erstellen Ihres Codes verwenden. Das machen Sie mit Emmet; Das System existiert für viele Redakteure und IDEs. In VIM fügen Sie Ihr Plugin einfach mit dem 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. Zum Installieren https: // github hinzufügen.com/mattn/emmet-vim zu Ihrer Plugin-Konfiguration.

Git

Wenn Sie das Programmieren ernst meinen, müssen Sie ein Versionskontrollsystem haben. Wenn Sie Git nicht verwenden, haben Sie ein sehr seltenes Projekt in den Händen. Sie führen Git in der Befehlszeile außerhalb Ihres Editors aus, bis Sie eine großartige Erweiterung finden, die sie für Sie ausführt. Da Sie von COC gehört haben, sollten Sie wissen, dass es eine Erweiterung für diesen Rahmen gibt, aber sie geben sich selbst zu, dass es nicht in den Funktionen ist. Am beliebtesten ist der vimfugitive. Installieren Sie es mit Ihrem bevorzugten Plugin -Manager. Sobald Sie es installiert haben, können Sie Git so ausführen, als wären Sie in der Befehlszeile. Es fügt auch viele Funktionen hinzu, die sowohl auf Ihr Repository als auch Ihren Puffer reagieren. Sie können es verwenden, um den Unterschied in VIM auszuführen, und es gibt auch viele Plugins für berühmte Anbieter. Sie haben außerdem eine Statuszeilenoption, die Sie zu Ihrer Statuszeile hinzufügen können. Sie werden ein Beispiel dafür weiter unten sehen.

Andere seltsame, die Sie mögen könnten.

Sobald Sie alle Funktionen in Ihrem Editor haben, möchten Sie möglicherweise Ihre Erfahrung aufpeppen. Möglicherweise möchten Sie am unteren Bildschirmrand eine schöne Statuslinie haben. Verwenden Sie dafür Vim-Airline, es gibt viele andere, aber dieser sieht leicht und luftig aus. Fügen Sie Ihrer Konfiguration "VIM-Airline/VIM-Airline" hinzu, um "VIM-Airline/VIM-Airline". Ihre Taskleiste wird sofort besser aussehen und Sie können mehr an Ihrem Ablauf optimieren.

https: // github.Com/Vim-Airline/Vim-Airline

Eine Möglichkeit, sowohl Ihre Statusleiste als auch die meisten anderen Teile der Schnittstelle 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 Ikonen. Den regulären Weg installieren; Es spielt 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, startet er Ihren Browser unter der Adresse "Localhost: 3000". Alle Änderungen werden sofort angezeigt, wenn Sie den Code aktualisieren.

Abschluss

Um das Programmieren für das Web zu beginnen. Finden Sie Leute, denen Sie helfen können, damit sie Ihnen am Ende helfen können. Verwenden Sie die Erweiterungen, die Sie hier gehört haben. Sie sollten auch weiter nach Möglichkeiten suchen, sich zuerst und dann Ihre Tools zu verbessern.