vim

5 plugin vim untuk pengembangan web

5 plugin vim untuk pengembangan web
Mengembangkan untuk web bergantung pada banyak kode; ketika Anda belum pernah menggunakan vim sebelumnya, Anda akan merasa harus mengetik setiap karakter halaman web web. Anda mungkin berasal dari editor lain dan bertanya-tanya di mana semua fitur penyelesaian kode dan hal-hal bermanfaat lainnya? Melihat sekilas vim, kesimpulannya adalah pergi dan jangan pernah menyentuhnya lagi. Jika Anda mengikuti beberapa panduan sederhana dan menginstal plugin yang sesuai, Anda akan berubah pikiran. Agar efisien saat memprogram, Anda memerlukan beberapa fitur. Yaitu, tautan dokumentasi, penyelesaian kode, dan penyorotan sintaksis. Ini tidak akan menjadikan Anda seorang programmer master, tetapi itu akan membuat pengalaman Anda jauh lebih baik.

Penanganan Berkas

Ada banyak alat untuk menangani file dengan lebih baik; Anda benar-benar harus menggunakan alur kerja gaya proyek. Dengan demikian, satu peningkatan adalah untuk dapat melihat file Anda di pohon di samping editor. Tambahkan NERDtree!

Nerdtree diterbitkan di GitHub; sebagian besar pengelola plugin mengambil nilai “preservim/nerdtree”. Ekstensi menempatkan daftar pohon file Anda di tempat yang Anda harapkan. Anda memiliki banyak opsi untuk mengubah perilakunya, termasuk mengatur panah ke apa pun yang Anda inginkan. Melihat GitHub, Anda juga memiliki banyak garpu yang mungkin lebih sesuai dengan kebutuhan Anda.

Dalam menulis perangkat lunak, Anda perlu mencari file dan teks di file lain. Tanpa fitur di dalam Vim, Anda akan terpaksa melakukannya di baris perintah di terminal lain. Denite terintegrasi dengan ripgrep dan memungkinkan Anda untuk mencari di sana di Vim. Itu membutuhkan Python dan pynvim dan sangat cepat dan efisien.

Untuk menginstal Denite, Anda perlu menginstal 'Shougo/denite.nvim', di direktori plugin vim Anda atau gunakan pengelola plugin favorit Anda. Anda juga perlu mengatur Python yang Anda gunakan dengan parameter program host. Gunakan 'checkhealth' di vim untuk memverifikasi dan untuk informasi lebih lanjut.

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

Instal program ripgrep dan tingkatkan pynvim Anda ke versi yang benar. Mereka masing-masing ada di repo biasa dan di python.

Penyelesaian Kode

Banyak pengguna yang pindah dari VSCode bertanya-tanya bagaimana melakukan hal-hal seperti penyelesaian kode. Jangan khawatir, orang-orang bekerja untuk membantu Anda dan memecahkan masalah mereka sendiri. Neoclide di GitHub memiliki banyak ekstensi vim untuk semua kebutuhan Anda. The "Conquer of Completion", coc mulai sekarang, termasuk penyelesaian kode yang menyerupai VSCode.

COC juga memiliki banyak sub plugin yang semuanya menggunakan plugin utama. Beberapa berguna untuk bahasa tertentu. Anda dapat menggunakan eslint untuk menjaga kode Anda tetap benar dan menemukan bug. Ekstensi yang lebih cantik membuat kode Anda diformat lebih baik. Daftar bahasa yang dapat Anda gunakan panjang. Anda harus memeriksanya setelah Anda mulai menggunakan COC; beralih ke orang lain mungkin sepadan, tetapi bukan tanpa alasan yang sangat bagus.

Untuk membuatnya lebih cepat untuk membuat kode, Anda dapat menggunakan singkatan untuk membuat kode Anda. Inilah yang Anda lakukan dengan Emmet; sistem ada untuk banyak editor dan IDE. Di Vim, Anda cukup menambahkan plugin Anda menggunakan init.file vim atau vimrc. Agar benar-benar efisien, Anda perlu mempelajari singkatan yang sesuai dengan kode yang Anda inginkan. Setelah Anda mengetahuinya, kecepatan pengkodean meningkat secara eksponensial. Untuk menginstal, tambahkan https://github.com/mattn/emmet-vim ke konfigurasi plugin Anda.

Git

Jika Anda serius tentang pemrograman, Anda harus memiliki sistem kontrol versi. Jika Anda tidak menggunakan git, maka Anda memiliki proyek yang sangat langka di tangan Anda. Anda menjalankan Git pada baris perintah di luar editor Anda sampai Anda menemukan ekstensi hebat yang menjalankannya untuk Anda. Karena Anda mendengar tentang Coc, Anda harus tahu ada ekstensi untuk kerangka itu, tetapi mereka mengakui bahwa itu kekurangan fitur. Jadi yang paling populer adalah vim-fugitive. Instal menggunakan pengelola plugin favorit Anda. Setelah Anda menginstalnya, Anda dapat menjalankan git seolah-olah Anda berada di baris perintah. Itu juga menambahkan banyak fitur yang berfungsi pada repositori Anda dan buffer Anda. Anda dapat menggunakannya untuk menjalankan perbedaan dalam vim, dan juga memiliki banyak plugin untuk penyedia terkenal. Anda juga memiliki opsi statusline yang dapat Anda tambahkan ke baris status Anda. Anda akan melihat contoh ini lebih jauh ke bawah.

Yang aneh lainnya yang mungkin Anda suka.

Setelah Anda memiliki semua fungsi di editor Anda, Anda mungkin ingin membumbui pengalaman Anda. Anda mungkin ingin memiliki baris status yang bagus di bagian bawah layar. Gunakan vim-airline untuk itu, ada banyak yang lain, tetapi yang ini terlihat ringan dan lapang. Untuk menginstal, tambahkan 'vim-airline/vim-airline' ke konfigurasi Anda. Bilah tugas Anda akan langsung terlihat lebih baik, dan Anda dapat menyesuaikan lebih banyak di waktu luang Anda.

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

Salah satu cara untuk membuat bilah status Anda terlihat lebih baik dan sebagian besar bagian antarmuka lainnya adalah dengan menambahkan ikon yang bagus ke penginstalan. 'ryanoasis/vim-dev-icons' adalah pilihan tepat untuk ikon-ikon ini. Instal dengan cara biasa; ini berfungsi baik dengan vim-airline dan banyak ekstensi lainnya.

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

Anda juga harus mempertimbangkan bagaimana Anda dapat melihat halaman web Anda secara langsung saat Anda melakukan pengkodean di luar vim. Untuk simpul.js, ada solusi siap untuk ini. Ini disebut sinkronisasi browser. Anda menginstalnya dengan npm dan menjalankannya dengan perintah dan direktori tempat proyek Anda berada. Segera setelah perintah berjalan, itu akan memulai browser Anda di alamat 'localhost:3000'. Setiap perubahan akan segera ditampilkan saat Anda meningkatkan kode.

Kesimpulan

Untuk memulai pemrograman untuk web, pertama-tama Anda harus berusaha mengikuti beberapa tutorial dan kemudian membuat proyek Anda sendiri. Temukan orang yang dapat Anda bantu sehingga mereka dapat membantu Anda pada akhirnya. Agar pengalaman pengkodean Anda menjadi efisien dan menyenangkan, gunakan ekstensi yang Anda dengar di sini. Anda juga harus terus mencari cara untuk meningkatkan diri Anda terlebih dahulu dan kemudian alat Anda.

Ulasan Mouse Nirkabel Microsoft Sculpt Touch
Saya baru-baru ini membaca tentang Microsoft Sculpt Touch mouse nirkabel dan memutuskan untuk membelinya. Setelah menggunakannya untuk sementara waktu...
Trackpad dan Mouse Pointer di Layar AppyMouse untuk Tablet Windows
Pengguna tablet sering melewatkan penunjuk mouse, terutama ketika mereka terbiasa menggunakan laptop. Layar sentuh Smartphone dan tablet hadir dengan ...
Tombol tengah mouse tidak berfungsi di Windows 10
Itu tombol tengah mouse membantu Anda menelusuri halaman web dan layar yang panjang dengan banyak data. Jika itu berhenti, Anda akhirnya akan mengguna...