it-swarm.com.de

Wie kann ich Vim für die Webentwicklung und -programmierung anpassen?

Ich habe bereits versucht, in [askubuntu.com] etwas für meine Frage zu finden, aber nichts hat meine Bedürfnisse erfüllt. Also, ich möchte vim als einen sehr mächtigen und nützlichen Editor für HTML, CSS, Javascript, etc. bauen, aber auch für die Programmierung. Ich versuche CSS zu lernen und wollte generell einen sehr netten Editor mit vielen Plugins. Kann mir also jemand Schritt für Schritt helfen, wie ich vim anpasse und welche Funktionen mir in meiner Lernphase helfen könnten?

Oh, und der einzige Weg, wie Vim läuft, ist vom Terminal aus? Danke

*** edit ---> Ich kann meine.vimrc-Datei nicht finden

my home folder

10
gabriel

Alle anderen haben exzellente Ratschläge. Ich dachte, ich würde einige der Grundlagen erläutern:

1. GVim für vim außerhalb der Konsole und wie man es installiert

Sie haben gefragt, ob vim nur von der Konsole aus ausgeführt werden kann. GVim (GUI-Vim) ist die Standalone-Version. Aus Ihrem Screenshot geht hervor, dass Sie Ubuntu verwenden. Sie können gvim im Software Center finden und von dort aus installieren. Alternativ können Sie Sudo apt-get install gvim von einem Terminal aus ausführen.

2. Erstellen einer .vimrc-Konfigurationsdatei

Standardmäßig erstellt vim/gvim keinen .vimrc für Sie, sodass Sie selbst einen erstellen können. Öffnen Sie vim und geben Sie :e ~/.vimrc ein, um eine neue Datei mit dem Namen .vimrc in Ihrem Ausgangsordner (~) zu bearbeiten.

Wir werden zunächst nur eine Einstellung hinzufügen, damit wir sehen können, ob es funktioniert hat. Fügen Sie den folgenden Text hinzu:

" switch on line numbering
set number

Der " ist das Kommentarzeichen.

Beenden Sie dann vim und starten Sie es neu - Sie sollten feststellen, dass oben links eine Zeilennummer 1 angezeigt wird und dass für jede Datei, die Sie von nun an bearbeiten, die Zeilennummerierung standardmäßig aktiviert ist.

3. Plugin installieren

Plugins befinden sich in einem Ordner mit dem Namen ~/.vim/, aber vim erstellt dies nicht standardmäßig.

mkdir ~/.vim

Im Laufe der Zeit werden im Ordner .vim mehrere Unterordner angelegt:

  • plugin für Plugins
  • color für Farbschemata
  • doc zur Dokumentation
  • syntax für Syntaxhervorhebungsmodi

Aber jetzt ist es leer. Fügen wir ein Plugin hinzu, um es auszuprobieren.

Beginnen Sie, indem Sie vim mit vim . öffnen. Dadurch wird vim angewiesen, einen Ordner im "Explorer" -Modus zu öffnen. Wir installieren NERDtree, ein beliebtes Dateibrowser-Plugin, das den Standard-Explorer ersetzt.

Gehen Sie zu http://www.vim.org/scripts/script.php?script_id=1658 und laden Sie die Zip-Datei aus der Tabelle unten auf der Seite herunter.

Öffnen Sie es im Archiv-Manager, wählen Sie "Extrahieren" und weisen Sie es an, es in den Ordner ~/.vim/ zu extrahieren. Möglicherweise müssen Sie im Ordner-Browser des Archivmanagers auf Ctrl+H klicken, um versteckte Ordner anzuzeigen.

Nach dem Extrahieren werden mehrere Unterordner in .vim für Sie erstellt. Wenn Sie jetzt vim mit a neu starten

vim .

Sie sollten sehen, dass sich die Explorer-Ansicht geändert hat! Es benutzt jetzt das NERDtree Plugin.

4. Weitere .vimrc-Einstellungen

Mein vollständiges .vimrc ist hier verfügbar https://bitbucket.org/hjwp/vim/src , aber hier sind ein paar Einstellungen, die ich wirklich nützlich finde:

" syntax highlighting
syntax on

" map cut & paste to what they bloody should be
vnoremap <C-c> "+y
vnoremap <C-x> "+x
map <C-v> "+gP

" sane text files
set fileformat=unix
set encoding=utf-8

" sane editing
set tabstop=4
set shiftwidth=4
set softtabstop=4

" convert all typed tabs to spaces
set expandtab

"autocompletion with ctrl+space
inoremap <c-space> <c-n>
inoremap <Nul> <c-n>

5. Ctags

Anfangs würde ich mir nicht allzu viele Sorgen um Plugins machen. Das Kennenlernen der Leistung, die vim Ihnen sofort zur Verfügung stellt, sollte für Ihre Codierung bereits nützlich genug sein. Aber eine Sache, die wirklich nützlich ist, um in vim zu arbeiten, ist ctags . Mit ctags können Sie beispielsweise "Zur Definition springen" und alle Keywords in Ihrem Quelltextbaum automatisch vervollständigen. beginnen mit:

apt-get install exuberant-ctags

Fügen Sie dann in Ihrem .vimrc hinzu

map <f12> :!ctags -R .<cr>

Wenn Sie jetzt in einer VIM-Sitzung "F12" drücken, wird eine .tags -Datei generiert, mit der VIM nach Stichwörtern suchen kann.

Wenn Sie nun aktiv sind, z. B. einen Funktionsaufruf in Ihrem Quellcode, können Sie mit ctrl+] zu dessen Definition springen. Weitere Informationen hier: https://stackoverflow.com/questions/563616/vim-and-ctags-tips-and-tricks

6. was kommt als nächstes

Andere Leute haben einige wirklich nützliche Anleitungen veröffentlicht. Hier sind ein paar SO Seiten, die ich für nützlich befunden habe:

Es ist eine ganze Vim-Welt da draußen. Aber: Warnung: Wenn Sie Vim Golf spielen, sind Sie wahrscheinlich zu weit gegangen - http://vimgolf.com/ ;-)

11
hwjp

Ich würde vorschlagen, dass Sie anfangen, .vimrc zu studieren, genau wie oben. Die Bedürfnisse und Vorlieben jedes Einzelnen sind unterschiedlich, daher sollten Sie die Dinge nicht nur kopieren, sondern auch manuell installieren.

Einige Ressourcen zum Lernen von VIM selbst:

  • Learn Vim Progressively , eine großartige Anleitung zum Erlernen von Vim.
  • Vim Novice Tutorials , eine Reihe von Videos von Derek Wyatt Ich habe es genossen, als ich meine Reise begann.
  • Spickzettel , wenn Sie mit Vim noch nicht vertraut sind, empfehle ich Ihnen, dies wie eine Prüfung zu machen. Schreiben Sie die Tastenkombinationen auf ein Blatt Papier, den Befehl links und die Beschreibung rechts. Beginnen Sie dann mit dem Auswendiglernen, indem Sie entweder den Befehl oder die Beschreibung ausblenden und versuchen, sich an die Antwort zu erinnern. Es dauert nicht lange, bis die Befehle auf natürliche Weise bei Ihnen ankommen, aber denken Sie daran, sie auch in Vim aktiv zu verwenden, da Sie sie sonst schnell verlernen.
  • http://usevim.com (Evaluiert Vim-Plugins und hat auch eine Vim 101-Serie)
  • http://vimcasts.org/episodes/archive (Einige großartige Darsteller)

Einige wirklich nützliche Plugins

  • Syntastic Statische Code-Analyse für Tonnen von Sprachen
  • vim-css3-syntax Syntaxhervorhebung für CSS3. Im Allgemeinen sollten Sie die Syntaxdateien auch für HTML5 und Javascript aktualisieren, wenn Sie diese verwenden.
  • Matchit Erweitert die Funktionalität von%
  • Surround Zuordnungen für Tags/Klammern usw., sehr leistungsfähig für Web-Entwickler
  • Tcomment Kommentare können in den meisten Sprachen leicht umgeschaltet werden
  • Pathogen Halten Sie Ihren VIM-Ordner organisiert, damit Sie die Plugins deinstallieren und damit herumspielen können
  • NERDtree Ein sehr beliebter Baumforscher, obwohl ich es vorziehen würde: e.
  • Befehlstaste-T Ein beliebter Puffermanager, den ich persönlich nicht verwenden kann, da er von Ruby abhängt.
  • Snipmate Fügen Sie einfach Code-Schnipsel ein.
  • Sparkup Erweitern Sie div # stuff.class> ul> li * 5 in HTML, Sie bekommen die Abweichung.

Einige andere gut zu wissen

  • Um die Tab-Vervollständigung für Projekte zu erhalten, können Sie ctags verwenden, die von vim unterstützt werden
  • Setzen Sie die Feststelltaste erneut auf esc, und Sie können nach einem Tag nicht mehr verstehen, wie viel Energie Sie hatten, um bis zu esc zu gelangen.
  • Vim hat verzweigte Undo-Bäume, was bedeutet, dass Sie immer noch rückgängig machen können, obwohl Sie Ihren Undo-Baum geändert haben. Gundo hilft Ihnen, dies zu visualisieren.
  • Vim hat dauerhafte Undos, was bedeutet, dass Ihr Undo-Verlauf auch dann gespeichert wird, wenn Sie Ihren Computer neu starten. Sie sollten dies auf jeden Fall aktivieren.
  • In meinem eigenen vimrc habe ich eine Funktion, die überprüft, ob ich an einer Drupal oder einer Wordpress Site arbeite, abhängig davon, ob unterschiedliche Code-Konventionen festgelegt sind. (Schätze, das könnte nützlich sein, um zu wissen, dass du es in meinem Repository findest, das unten verlinkt ist.)
  • Steve Losh hatte diese fantastische Konfiguration Definieren eines Zahlenobjekts in vim, so dass Sie nur die Zahl in beispielsweise 200px löschen/ändern/etc können, indem Sie cN drücken

Vimrc-Repositorys, die es wert sind, überprüft zu werden

  • Steve Losh Super Zeug
  • Tim Pope Ersteller von Fugitive, Surround und Tonnen anderer Vim-Plugins
  • Oxy Mein eigenes Repository, in der README habe ich ein Beispiel zum Generieren von Ctags für Drupal Projekte.
  • Derek Wyatt Seine Screencasts haben mich gelehrt, Sie können dort eine Menge cooler Sachen finden
9
oxy

sie können dies verwenden:

bash <<(curl -s https://raw.github.com/wongyouth/vimfiles/master/install.sh )

Dies ist die Konfiguration meines Lehrers, in der Hoffnung, Ihnen zu helfen.

Eine Handvoll Plugins für vim, alle in einem Bundle-Unterverzeichnis gespeichert, nützliche vim-Konfiguration, insbesondere für die Rails -Codierung. Alle Plugins sind als Submodule enthalten, sodass Sie Plugins mit einem einzigen Befehl aktualisieren können, um das Leben zu erleichtern.

detail: Linkbeschreibung hier eingeben

1
clark