vim

Web geliştirme için 5 vim eklentisi

Web geliştirme için 5 vim eklentisi
Web için geliştirme çok sayıda koda bağlıdır; vim'i daha önce kullanmadığınızda, her web sayfası karakterini yazmak zorundaymış gibi hissedeceksiniz. Diğer editörlerden gelebilir ve tüm kod tamamlama özelliklerinin ve diğer faydalı şeylerin nerede olduğunu merak edebilirsiniz? Vim'e üstünkörü bir bakış atarak, sonuç ayrılmak ve bir daha asla dokunmamaktır. Birkaç basit kılavuzu takip edip uygun eklentileri yüklerseniz, fikrinizi değiştireceksiniz. Programlama yaparken verimli olmak için birkaç özelliğe ihtiyacınız var. Yani, dokümantasyon bağlantıları, kod tamamlama ve sözdizimi vurgulama. Bu sizi usta bir programcı yapmaz, ancak deneyiminizi çok daha iyi hale getirir.

Dosya yönetimi

Dosyaları daha iyi işlemek için birçok araç vardır; gerçekten proje tarzı bir iş akışı kullanmalısınız. Bununla birlikte, bir geliştirme, dosyalarınızı düzenleyicinin yanındaki bir ağaçta görebilmektir. NERD ağacı ekle!

Nerdtree GitHub'da yayınlandı; çoğu eklenti yöneticisi “preservim/nerdtree” değerini alır. Uzantı, dosyalarınızın bir ağaç listesini beklediğiniz yere yerleştirir. Okları istediğiniz herhangi bir şeye ayarlamak da dahil olmak üzere davranışını değiştirmek için birçok seçeneğiniz var. GitHub'a baktığınızda, ihtiyaçlarınıza daha iyi cevap verebilecek birçok çatalınız da var.

Yazılım yazarken, diğer dosyalarda dosya ve metin aramanız gerekecektir. Vim içindeki özellikler olmadan, bunu başka bir terminaldeki komut satırında yapmak zorunda kalırsınız. Denite, ripgrep ile bütünleşir ve tam orada Vim'de arama yapmanızı sağlar. Python ve pynvim gerektirir ve çok hızlı ve verimlidir.

Denite'i kurmak için 'Shougo/denite'i kurmanız gerekir.nvim', vim eklenti dizininizde veya favori eklenti yöneticinizi kullanın. Ayrıca kullandığınız Python'u ana bilgisayar programı parametreleriyle birlikte ayarlamanız gerekir. Doğrulamak ve daha fazla bilgi için vim'de 'checkhealth' kullanın.

let g:python_hostprog = '/usr/bin/python' g:python3_hostprog = '/usr/bin/python3' olsun

Ripgrep programını kurun ve pynvim'inizi doğru sürüme yükseltin. Sırasıyla normal depoda ve python'dalar.

Kod Tamamlama

VSCode'dan taşınan birçok kullanıcı, kod tamamlama gibi şeylerin nasıl yapıldığını merak ediyor. Merak etmeyin, insanlar size yardımcı olmak ve kendi sorunlarını çözmek için çalışıyorlar. GitHub'da Neoclide, tüm ihtiyaçlarınız için birçok vim uzantısına sahiptir. Artık coc olan “Conquer of Completion”, VSCode'a benzeyen kod tamamlama içeriyor.

COC ayrıca tümü ana eklentiyi kullanan birçok alt eklentiye sahiptir. Bazıları belirli diller için yararlıdır. Kodunuzu doğru tutmak ve hataları bulmak için eslint'i kullanabilirsiniz. Daha güzel uzantı, kodunuzu daha iyi biçimlendirir. Kullanabileceğiniz dillerin listesi uzun. COC kullanmaya başladıktan sonra bunu gözden geçirmelisiniz; başkalarına geçmek buna değer olabilir, ancak çok iyi sebepler olmadan değil.

Kodlamayı daha da hızlı hale getirmek için, kodunuzu oluşturmak için kısaltmalar kullanabilirsiniz. Emmet ile yaptığınız şey bu; sistem birçok editör ve IDE için mevcuttur. Vim'de, eklentinizi init kullanarak eklemeniz yeterlidir.vim veya vimrc dosyası. Gerçekten verimli olmak için, istediğiniz koda karşılık gelen kısaltmaları öğrenmeniz gerekecek. Bunları öğrendikten sonra kodlama hızı katlanarak artar. Yüklemek için https://github ekleyin.eklenti yapılandırmanıza com/mattn/emmet-vim.

Git

Programlama konusunda ciddiyseniz sürüm kontrol sisteminizin olması gerekir. Git kullanmıyorsanız, elinizde çok nadir bir proje var. Git'i sizin için çalıştıran harika bir uzantı bulana kadar düzenleyicinizin dışındaki komut satırında çalıştırın. Coc'u duyduğunuza göre, bu çerçeve için bir uzantı olduğunu bilmelisiniz, ancak özelliklerin yetersiz olduğunu kabul ediyorlar. Yani en popüler vim-kaçak. Favori eklenti yöneticinizi kullanarak yükleyin. Bir kez kurduktan sonra git'i komut satırındaymış gibi çalıştırabilirsiniz. Ayrıca hem deponuz hem de arabelleğiniz üzerinde etkili olan birçok özellik ekler. Farkı vim'de çalıştırmak için kullanabilirsiniz ve ayrıca ünlü sağlayıcılar için birçok eklentiye sahiptir. Durum satırınıza ekleyebileceğiniz bir durum satırı seçeneğiniz de vardır. Bunun bir örneğini daha aşağıda göreceksiniz.

Hoşunuza gidebilecek diğer tuhaf olanlar.

Editörünüzdeki tüm işlevlere sahip olduğunuzda, deneyiminize renk katmak isteyebilirsiniz. Ekranın alt kısmında güzel bir durum satırına sahip olmak isteyebilirsiniz. Bunun için vim-airline kullanın, başkaları da var ama bu hafif ve havadar görünüyor. Yüklemek için yapılandırmanıza 'vim-airline/vim-airline' ekleyin. Görev çubuğunuz anında daha iyi görünecek ve boş zamanlarınızda daha fazla ince ayar yapabilirsiniz.

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

Hem durum çubuğunuzun hem de arayüzün diğer bölümlerinin daha iyi görünmesini sağlamanın bir yolu, yüklemeye güzel simgeler eklemektir. 'ryanoasis/vim-dev-icons' bu simgeler için harika bir seçimdir. Normal şekilde yükleyin; vim-airline ve diğer birçok uzantıyla iyi oynuyor.

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

Ayrıca vim dışında kodlama yaparken web sayfanızı nasıl canlı görebileceğinizi de düşünmelisiniz. düğüm için.js, bunun için hazır bir çözüm var. Tarayıcı senkronizasyonu denir. npm ile kuruyorsunuz ve komut ve projenizin bulunduğu dizin ile çalıştırıyorsunuz. Komut çalışır çalışmaz tarayıcınızı 'localhost:3000' adresinde başlatacaktır. Kodu yükselttiğinizde herhangi bir değişiklik hemen gösterilecektir.

Sonuç

Web için programlamaya başlamak için önce birkaç öğreticiyi takip etmek için çaba göstermeli ve ardından kendi projelerinizi oluşturmalısınız. Yardım edebileceğiniz insanları bulun ki sonunda size yardım etsinler. Kodlama deneyiminizin verimli ve keyifli olması için burada duyduğunuz uzantıları kullanın. Ayrıca önce kendinizi, sonra araçlarınızı geliştirmenin yollarını aramaya devam etmelisiniz.

Remap your mouse buttons differently for different software with X-Mouse Button Control
Maybe you need a tool that could make your mouse's control change with every application that you use. If this is the case, you can try out an applica...
Microsoft Sculpt Touch Wireless Mouse Review
I recently read about the Microsoft Sculpt Touch wireless mouse and decided to buy it. After using it for a while, I decided to share my experience wi...
AppyMouse On-screen Trackpad and Mouse Pointer for Windows Tablets
Tablet users often miss the mouse pointer, especially when they are habitual to using the laptops. The touchscreen Smartphones and tablets come with m...