Bagaimana saya bisa menyesuaikan Vim untuk pengembangan dan pemrograman web?

10

Saya sudah mencoba menemukan sesuatu untuk pertanyaan saya di [askubuntu.com], tetapi tidak ada yang menjawab kebutuhan saya. Jadi, yang saya inginkan adalah membangun vim sebagai editor yang sangat kuat dan berguna untuk html, css, javascript, dll tetapi untuk pemrograman juga. Saya mencoba belajar css dan umumnya saya menginginkan editor yang sangat bagus dengan banyak plugin. Jadi, adakah yang bisa membantu saya, selangkah demi selangkah, untuk menyesuaikan vim dan tentang fitur apa yang harus saya perhatikan yang dapat membantu saya dalam periode pembelajaran saya? Terima kasih

Oh, dan satu-satunya cara vim berjalan adalah dari terminal? Terima kasih

Sunting *** ---> Saya tidak dapat menemukan file my.vimrc

folder rumah saya

Gabriel
sumber

Jawaban:

11

Semua orang memiliki saran yang sangat bagus, saya pikir saya akan mengisi dengan beberapa dasar-dasarnya:

1. GVim untuk vim di luar konsol, dan cara menginstalnya

Anda bertanya apakah vim hanya dapat dijalankan dari konsol. GVim (GUI-Vim) adalah versi mandiri. Dari tangkapan layar Anda, sepertinya Anda menggunakan Ubuntu, Anda dapat menemukan gvim di Pusat Perangkat Lunak dan menginstalnya dari sana. Atau Anda dapat sudo apt-get install gvimdari terminal.

2. Membuat file konfigurasi .vimrc

Sepertinya, secara default, vim / gvim tidak membuatkan .vimrcuntuk Anda, jadi Anda bisa membuatnya sendiri. Buka vim, dan ketik :e ~/.vimrcuntuk mengedit file baru yang disebut .vimrcdi folder rumah Anda ( ~)

Kami akan mulai dengan menambahkan hanya satu pengaturan, sehingga kami dapat melihat apakah itu berhasil. Tambahkan teks berikut:

" switch on line numbering
set number

Ini "adalah karakter komentar.

Kemudian, keluar dari vim dan mulai ulang - Anda akan menemukan bahwa nomor baris 1 telah muncul di kiri atas, dan Anda harus menemukan bahwa file apa pun yang Anda edit mulai sekarang memiliki penomoran baris diaktifkan secara default.

3. Menginstal plugin

Plugin hidup di folder bernama ~/.vim/, tetapi, sekali lagi, vim tidak membuat ini secara default, jadi Anda harus membuatnya:

mkdir ~/.vim

Seiring waktu, .vimfolder akan menumbuhkan beberapa subfolder seperti:

  • plugin untuk plugin
  • color untuk skema warna
  • doc untuk dokumentasi
  • syntax untuk mode penyorotan sintaksis

Tetapi untuk sekarang ini kosong. Mari kita tambahkan satu plugin, untuk mencobanya.

Mulailah dengan membuka vim dengan vim .- yang memberitahu vim untuk membuka folder dalam mode "explorer". Kami akan menginstal NERDtree yang merupakan plugin browser file yang populer, yang akan menggantikan explorer default.

Pergi ke http://www.vim.org/scripts/script.php?script_id=1658 dan dowload file zip dari tabel di bagian bawah halaman.

Buka di pengelola arsip, pilih "ekstrak", lalu kirim untuk mengekstrak ke ~/.vim/folder Anda . Anda mungkin perlu menekan Ctrl+Hdi dalam browser folder manajer arsip, untuk menampilkan folder tersembunyi.

Setelah diekstrak, itu akan membuat beberapa subfolder .vimuntuk Anda. Jika sekarang Anda me-restart vim dengan a

vim .

Anda akan melihat tampilan penjelajah telah berubah! Sekarang menggunakan plugin NERDtree.

4. Lebih banyak pengaturan .vimrc

.Vimrc lengkap saya tersedia di sini https://bitbucket.org/hjwp/vim/src , tetapi di sini ada beberapa pengaturan yang menurut saya sangat berguna:

" 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

Saya tidak akan terlalu khawatir tentang plugin pada awalnya, hanya untuk mengetahui kekuatan yang menawarkan vim Anda di luar kotak harus cukup berguna untuk pengkodean Anda. Tetapi satu hal yang benar-benar berguna untuk bekerja di vim adalah ctags . ctags memungkinkan Anda melakukan hal-hal seperti "lompat-ke-definisi", dan lengkapi otomatis di semua kata kunci di hierarki sumber Anda. dimulai dari:

apt-get install ctags yang bersemangat

Kemudian, di .vimrc Anda, tambahkan

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

Sekarang, ketika Anda menekan "F12" dalam sesi vim, itu akan menghasilkan .tagsfile, yang vim dapat digunakan untuk memindai kata kunci.

Sekarang, jika Anda aktif, misalnya pemanggilan fungsi dalam kode sumber Anda, Anda dapat menggunakan ctrl+]untuk melompat ke definisinya. Info lebih lanjut di sini: /programming/563616/vim-and-ctags-tips-and-tricks

6. selanjutnya apa

Orang lain telah memposting beberapa panduan yang terlihat sangat berguna, berikut adalah beberapa halaman SO yang menurut saya berguna:

Itu seluruh dunia vim di luar sana. Tetapi: peringatan: Jika Anda masuk ke golf vim, Anda mungkin sudah melangkah terlalu jauh - http://vimgolf.com/ ;-)

hwjp
sumber
Ok, seperti yang saya sebutkan sebelumnya tidak ada .vimatau .vimrcfile. Saya tahu apa yang .dilakukan tetapi, bisakah Anda membimbing saya, bagaimana tepatnya kita menginstal satu plugin atau mengubah satu pengaturan tunggal? Tolong! Terima kasih
gabriel
ah, saya rasa itu mungkin bahwa vim tidak akan membuat secara .vimrcdefault, dan Anda harus membuatnya sendiri ... Saya akan memperbarui jawabannya, dan juga menyertakan sesuatu tentang cara menginstal plugin dasar ...
hwjp
1
Apakah itu lebih baik?
hwjp
bantuan luar biasa dari Anda, terima kasih! TAPI bagaimana saya bisa menghapus plugin? Apakah saya menghapus file? terima kasih
gabriel
Juga, saya menginstal patogen dan .vimfile saya sama sekali tidak terorganisir. Adakah htmlplugin yang bermanfaat ? Terima kasih
gabriel
9

Saya sarankan Anda mulai belajar .vimrc seperti di atas. Kebutuhan dan preferensi setiap orang berbeda-beda sehingga Anda harus pergi dengan menginstal barang-barang secara manual daripada hanya menyalin konfigurasi orang lain.

Beberapa sumber tentang belajar VIM itu sendiri:

  • Belajar Vim Secara progresif , panduan hebat tentang belajar Vim.
  • Vim Novice Tutorials , serangkaian video oleh Derek Wyatt Saya menikmati diri saya ketika pertama kali memulai perjalanan saya.
  • Cheat Sheet , jika Anda tidak terbiasa dengan Vim dari sebelum saya akan merekomendasikan pergi di ini seperti pemeriksaan. Tulis ikatan kunci di atas kertas, perintah di sebelah kiri dan deskripsi di sebelah kanan. Kemudian mulai menghafal dengan menyembunyikan perintah atau deskripsi dan mencoba mengingat jawabannya. Tidak butuh waktu lama sebelum perintah datang secara alami kepada Anda, tetapi ingatlah untuk menggunakannya secara aktif di Vim juga, jika tidak Anda akan dengan cepat menghapusnya.
  • http://usevim.com (Mengevaluasi plugin vim dan memiliki seri Vim 101 juga)
  • http://vimcasts.org/episodes/archive (Beberapa pemain hebat)

Beberapa plugin yang sangat berguna

  • Analisis kode Statis sintaksis untuk banyak bahasa
  • vim-css3-syntax Penyorotan sintaks untuk CSS3. Secara umum Anda harus memperbarui file sintaks untuk HTML5 dan Javascript juga, jika Anda menggunakannya.
  • Matchit Memperluas fungsi%
  • Surround Mappings untuk tag / tanda kurung dll, sangat kuat untuk Pengembang Web
  • Tcomment Mudah beralih komentar di sebagian besar bahasa
  • Patogen Atur folder vim Anda agar Anda dapat menghapus dan bermain-main dengan plugin
  • NERDtree Seorang penjelajah pohon yang sangat populer, secara pribadi meskipun saya lebih suka hanya: e.
  • Command-T Manajer buffer yang populer, secara pribadi saya tidak bisa menggunakannya karena tergantung pada ruby.
  • Snipmate Mudah memasukkan potongan kode.
  • Sparkup Extend div # stuff.class> ul> li * 5 ke dalam HTML, Anda mendapatkan penyimpangan.

Beberapa hal baik lainnya untuk diketahui

  • Untuk mendapatkan penyelesaian tab untuk proyek, Anda dapat menggunakan ctag yang didukung vim
  • Tutup kembali caps-lock untuk dikawal, setelah satu hari Anda tidak dapat memahami bagaimana Anda memiliki energi untuk mencapai semua cara untuk mengawal.
  • Vim telah bercabang membatalkan pohon, berarti Anda masih dapat membatalkan meskipun Anda mengubah pohon dibatalkan. Gundo membantu Anda memvisualisasikan ini.
  • Vim memiliki undos yang persisten, yang berarti menyimpan riwayat undo Anda walaupun Anda me-restart komputer Anda, Anda harus mengaktifkannya.
  • Dalam vimrc saya sendiri, saya memiliki fungsi yang memeriksa apakah saya sedang bekerja di situs Drupal atau Wordpress, tergantung pada konvensi kode yang berbeda ini. (Tebak ini bisa berguna untuk mengetahui, Anda dapat menemukannya di repositori saya yang ditautkan di bawah ini.)
  • Steve Losh memiliki konfigurasi yang luar biasa ini mendefinisikan Objek Angka di vim sehingga Anda dapat menghapus / mengubah / dll hanya nomor di misalnya 200px dengan menekan cN

Repositori Vimrc patut dicoba

  • Steve Losh Hal -hal luar biasa
  • Tim Paus Pencipta Buronan, Surround dan ton plugin vim lainnya
  • Oxy My repository, di README saya punya contoh untuk membuat ctag untuk proyek Drupal.
  • Derek Wyatt Screencastnya mengajari saya vim, Anda dapat menemukan banyak hal keren di sana
oksi
sumber
Ok, bahkan jika saya ingin menggunakan beberapa plugin dan hal-hal yang Anda sebutkan di atas bagaimana saya bisa menggunakannya? Folder vimrc saya di mana itu? Terima kasih
gabriel
1
@ gabriel vimrcadalah file dan .menunjukkan sistem file tersembunyi linux, Anda harus membuatnya .vimrcjika tidak ada dan meletakkannya di direktori home Anda. .vimadalah folder / direktori yang akan berisi plugin / skrip. Anda mungkin perlu membuatnya juga. Sebagian besar skrip ini memiliki instruksi instalasi yang tersedia. vim.org/scripts/script_search_results.php . Vim adalah editor teks jadi jika Anda tidak nyaman dengan mengutak-atik dan semua askubuntu.com/questions/48299/…
sagarchalise
@sagarchalise Oke, setelah kami membuat file-file itu, apakah kami dapat mengubah cara kerja vim?
gabriel
@ gabriel pada dasarnya vimrcharus berisi apa yang harus dilakukan vim yaitu penyorotan sintaks, tab / spasi, nomor baris dll. By defaullt vim hanyalah alat pengeditan teks. Anda menjadikannya apa yang Anda inginkan. Vim sangat kuat dan dapat diubah. Tetapi Anda perlu memahami mode dan perintahnya. vim.wikia.com/wiki/Example_vimrc lihat di sini untuk contoh vimrc
sagarchalise
Bagaimana saya mengikat Caps Lock ke Escape (Saya tidak menggunakan Ubuntu) ?
Santosh Kumar
1

Anda bisa menggunakan ini:

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

Ini adalah konfigurasi guru saya, berharap dapat membantu Anda.

Sejumlah plugin untuk vim semuanya dikelola dalam satu subdirektori bundel, konfigurasi vim yang berguna, terutama untuk pengkodean Rails. Semua plugin dimasukkan sebagai submodul, sehingga Anda bisa mendapatkan plugin diperbarui dalam satu perintah yang membuat hidup lebih mudah.

detail: masukkan uraian tautan di sini

clark
sumber
Dan apa sebenarnya yang bisa kita lakukan dengan ini? Bagus tetapi saya lebih suka instalasi manual karena saya tahu apa yang sebenarnya saya instal!
gabriel
Anda dapat melihat penggunaan dan vim plugins yang disertakan dalam submodul di tautan ini: github.com/wongyouth/vimfiles
clark