Vim'i web geliştirme ve programlama için nasıl özelleştirebilirim?

Zaten [askubuntu.com] 'daki sorum için bir şey bulmaya çalıştım, ama hiçbir şey ihtiyaçlarımı karşılamıyordu. Yani, ne istiyorum html, css, javascript, vb için ama çok programlama için çok güçlü ve kullanışlı bir editör olarak vim inşa etmektir. Css öğrenmeye çalışıyorum ve genellikle birçok eklentisi olan çok güzel bir editör istedim. Yani, vim özelleştirmek ve öğrenme dönemimde bana yardımcı olabilecek hangi özellikleri hakkında kimse adım adım bana yardımcı olabilir?

Oh, ve vim çalıştırmanın tek yolu terminalden mi?

*** edit ---> my.vimrc dosyasını bulamıyorum

Herkesin mükemmel tavsiyesi var, bazı temel bilgileri doldurduğumu düşündüm:

1. Konsol dışındaki vim için GVim ve nasıl kurulur

Vim'in yalnızca konsoldan çalıştırılıp çalıştırılamayacağını sordunuz. GVim (GUI-Vim) bağımsız bir sürümdür. Ekran görüntünüzden Ubuntu kullandığınız anlaşılıyor, Yazılım Merkezi'nde gvim bulabilir ve oradan yükleyebilirsiniz. Alternatif sudo apt-get install gvimolarak bir terminalden de yapabilirsiniz .

2. Bir .vimrc yapılandırma dosyası oluşturma

Görünüşe göre, vim / gvim .vimrcsizin için a oluşturmaz , böylece kendiniz bir tane oluşturabilirsiniz. Vim :e ~/.vimrcdosyasını .vimrcaçın ve giriş klasörünüzde adlandırılan yeni bir dosyayı düzenlemek için yazın ( ~)

Yalnızca bir ayar ekleyerek başlayacağız, böylece çalışıp çalışmadığını görebiliriz. Aşağıdaki metni ekleyin:

" switch on line numbering
set number

"Yorum karakteridir.

Ardından, vim'den çıkın ve yeniden başlatın - sol üstte 1 numaralı satırın göründüğünü ve bundan sonra düzenlediğiniz herhangi bir dosyanın varsayılan olarak satır numaralandırmasının açık olduğunu bulmalısınız.

3. Bir eklenti yükleme

Eklentiler adlı bir klasörde yaşar ~/.vim/, ancak yine de vim bunu varsayılan olarak oluşturmaz, bu yüzden yapmanız gerekir:

mkdir ~/.vim

Zamanla, .vimklasör aşağıdaki gibi birkaç alt klasör büyür:

• plugin eklentiler için
• color renk şemaları için
• doc dokümantasyon için
• syntax sözdizimi vurgulama modları için

Ama şimdilik boş. Denemek için bir eklenti ekleyelim.

Vim'i - ile açarak başlayın vim .. Varsayılan explorer'ın yerini alacak popüler bir dosya tarayıcı eklentisi olan NERDtree'yi yükleyeceğiz.

Http://www.vim.org/scripts/script.php?script_id=1658 adresine gidin ve zip dosyasını sayfanın altındaki tablodan indirin.

Arşiv yöneticisinde açın, "çıkart" ı seçin ve ardından ~/.vim/klasörünüze çıkartmasını söyleyin . Ctrl+HGizli klasörleri göstermek için arşiv yöneticisinin klasör tarayıcısına vurmanız gerekebilir .

Ayıklandıktan sonra, .vimsizin için birkaç alt klasör oluşturacaktır . Şimdi vim'i bir

vim .

Explorer görünümünün değiştiğini görmelisiniz! Şimdi NERDtree eklentisini kullanıyor.

4. Diğer .vimrc ayarları

Tam .vimrc adresime buradan ulaşabilirsiniz https://bitbucket.org/hjwp/vim/src , ancak gerçekten yararlı bulduğum birkaç ayar var:

" 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

İlk başta eklentiler hakkında çok fazla endişelenmeyeceğim, sadece vim'in kutudan çıkardığı gücü tanımak, kodlamanız için yeterince yararlı olmalı. Ama vim'de çalışmak için gerçekten yararlı olan bir şey ctags . ctags, "tanımlamaya atla" ve kaynak ağacınızdaki tüm anahtar kelimeler arasında otomatik tamamlama gibi işlemler yapmanızı sağlar. ile başla:

apt-get install exuberant-ctags

Ardından, .vimrc dosyanızda

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

Şimdi, bir vim oturumunda "F12" tuşuna bastığınızda .tags, vim'in anahtar kelimeleri taramak için kullanabileceği bir dosya oluşturur .

Şimdi, örneğin kaynak kodunuzdaki bir işlev çağrısı iseniz ctrl+], tanımına atlamak için kullanabilirsiniz . Daha fazla bilgi için: /programming/563616/vim-and-ctags-tips-and-tricks

6. sırada ne var

Diğer insanlar gerçekten yararlı görünümlü bazı kılavuzlar yayınladılar, tho için yararlı bulduğum birkaç SO sayfası var:

• /programming/95072/what-are-your-favorite-vim-tricks
• /programming/726894/what-are-the-dark-corners-of-vim-your-mom-never-told-you-about
• /programming/164847/what-is-in-your-vimrc

Dışarıda tam bir vim-dünya var. Ancak: uyarı: Vim golf'e girdiğinizi fark ederseniz, muhtemelen çok ileri gittiniz - http://vimgolf.com/ ;-)

.Vimrc'nin tıpkı yukarıdaki gibi çalışmaya başlamanızı öneririm. Herkesin ihtiyaçları ve tercihleri ​​farklıdır, bu yüzden sadece bir başkasının konfigürasyonlarını kopyalamak yerine bir şeyleri manuel olarak yüklemeye devam etmelisiniz.

VIM'in kendisini öğrenme ile ilgili bazı kaynaklar:

• Vim Öğren Progresif , Vim öğrenme hakkında harika bir rehber.
• Vim Acemi Tutorials , Derek Wyatt'ın bir dizi videosu Yolculuğuma ilk başladığımda keyif aldım.
• Hile Sayfası , eğer Vim'e aşina değilseniz, bir muayene gibi buna gitmenizi tavsiye ederim. Tuş bağlantılarını bir kağıda, soldaki komutu ve sağdaki açıklamayı yazın. Ardından, komutu veya açıklamayı gizleyerek ve yanıtı hatırlamaya çalışarak ezberlemeye başlayın. Komutlar size doğal olarak gelmeden uzun sürmez, ancak Vim'de de aktif olarak kullanmayı unutmayın, aksi takdirde hızlı bir şekilde öğrenirsiniz.
• http://usevim.com (vim eklentilerini değerlendirir ve ayrıca bir Vim 101 serisine sahiptir)
• http://vimcasts.org/episodes/archive (Bazı harika oyuncular)

Gerçekten kullanışlı bazı eklentiler

• Tonlarca dil için sözdizimsel statik kod analizi
• vim-css3-sözdizimi CSS3 için sözdizimi vurgulama. Genellikle HTML5 ve Javascript için sözdizimi dosyalarını da güncellemelisiniz.
• Matchit % işlevini genişletir
• Etiketler / parantez vb. İçin Surround Eşlemeler, Web Geliştiricileri için gerçekten güçlü
• Tcomment Çoğu dilde yorumları kolayca değiştirin
• Patogen Vim klasörünüzü düzenli tutun, böylece eklentileri kaldırabilir ve oynatabilirsiniz
• NERDtree Şahsen sadece tercih etsem gerçekten popüler bir ağaç gezgini: e.
• Command-T Popüler bir arabellek yöneticisi, şahsen ruby'ye bağlı olduğu için kullanamıyorum.
• Snipmate Kolayca kod snippet'leri ekleyin.
• Sparkup div # stuff.class> ul> li * 5 uzantısını HTML'ye sürükleyin, sapmayı elde edin.

Bilmek için başka iyi şeyler

• Projeler için sekme tamamlama almak için vim'in desteklediği ctags kullanabilirsiniz
• Caps-lock'u esc'e yeniden bağlayın, bir gün sonra esc'e kadar tüm enerjiye nasıl ulaştığınızı anlayamazsınız.
• Vim dallı geri alma ağaçlarına sahiptir, yani geri alma ağacınızı değiştirseniz bile geri alabilirsiniz. Gundo bunu görselleştirmenize yardımcı olur.
• Vim'in kalıcı geri almaları vardır, yani bilgisayarınızı yeniden başlatsanız bile geri alma geçmişinizi kaydeder, bunu kesinlikle etkinleştirmelisiniz.
• Kendi vimrc içinde bu farklı kod kuralları ayarlanır bağlı olarak, bir Drupal veya bir Wordpress sitesinde çalışıp çalışmadığımı kontrol eden bir işlevi var. (Sanırım bunu bilmek faydalı olabilir, aşağıda bağlantılı depomda bulabilirsiniz.)
• Steve Losh, vim'de bir Sayı Nesnesi tanımlayan bu harika yapılandırmaya sahipti , böylece cN'ye basarak örneğin 200 pikseldeki sayıyı silebilir / değiştirebilir / vb.

Vimrc depoları kontrol edilmeye değer

• Steve Losh Harika şeyler
• Tim Pope Fugitive, Surround ve tonlarca diğer vim eklentisinin yaratıcısı
• Oxy Kendi havuzum, README'de Drupal projeleri için ctags oluşturmaya bir örnek var.
• Derek Wyatt Screencasts bana vim öğretti, orada bir sürü güzel şeyler bulabilirsiniz

bunu kullanabilirsiniz:

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

Bu size yardımcı olmayı umarak öğretmenimin yapılandırması.

Vim için bir avuç eklenti, özellikle Rails kodlaması için bir paket alt dizininde, faydalı vim yapılandırmasında tutulur. Tüm eklentiler alt modül olarak bulunur, böylece hayatı kolaylaştıran tek bir komutla eklentileri güncelleyebilirsiniz.

detay: bağlantı açıklamasını buraya girin