vim

5 vim плъгина за уеб разработка

5 vim плъгина за уеб разработка
Разработването за мрежата зависи от много код; когато не сте използвали vim преди, ще почувствате, че трябва да въведете всеки символ на уеб страница. Може да идвате от други редактори и да се чудите къде са всички функции за попълване на кода и други полезни неща? Като погледнем бегло на vim, заключението е да напуснете и никога повече да не го докосвате. Ако следвате няколко прости ръководства и инсталирате подходящите приставки, ще промените решението си. За да бъдете ефективни при програмиране, имате нужда от няколко функции. А именно, връзки към документация, попълване на код и подчертаване на синтаксиса. Това няма да ви направи майстор програмист, но ще направи опита ви много по-добър.

Работа с файлове

Има много инструменти за по-добра работа с файлове; наистина трябва да използвате работен поток в стил проект. С това казано, едно подобрение е да можете да виждате вашите файлове в дърво отстрани на редактора. Добавете NERDtree!

Nerdtree е публикуван на GitHub; повечето мениджъри на приставки приемат стойността “preservim / nerdtree”. Разширението поставя дървовиден списък на вашите файлове там, където бихте очаквали. Имате много опции за промяна на поведението му, включително настройване на стрелките за всичко, което искате. Разглеждайки GitHub, имате и много вилици, които може да отговарят по-добре на вашите нужди.

При писането на софтуер ще трябва да търсите файлове и текст в други файлове. Без функции във Vim ще бъдете принудени да правите това в командния ред в друг терминал. Denite се интегрира с ripgrep и ви позволява да търсите точно там във Vim. Той изисква Python и pynvim и е много бърз и ефективен.

За да инсталирате Denite, трябва да инсталирате „Shougo / denite.nvim ', във вашата директория за приставки на vim или използвайте любимия си мениджър на приставки. Също така трябва да зададете Python, който използвате с параметрите на хост програмата. Използвайте 'checkhealth' в vim за проверка и за повече информация.

нека g: python_hostprog = '/ usr / bin / python' нека g: python3_hostprog = '/ usr / bin / python3'

Инсталирайте програмата ripgrep и надстройте pynvim до правилната версия. Те са съответно в редовното репо и в питона.

Попълване на кода

Много потребители, които преминават от VSCode, се чудят как да правят неща като попълване на кода. Не се притеснявайте, хората работят, за да ви помогнат и да решат собствените си проблеми. Neoclide на GitHub има много vim разширения за всички ваши нужди. „Conquer of Completion“, coc отсега нататък, включва завършване на код, което прилича на VSCode.

COC също има много допълнителни приставки, които всички използват основния плъгин. Някои са полезни за конкретни езици. Можете да използвате eslint, за да поддържате правилния код и да откривате грешки. По-красивото разширение прави кода ви по-добре форматиран. Списъкът с езиците, които можете да използвате, е дълъг. Трябва да го прегледате, след като сте започнали да използвате COC; преминаването към други може да си заслужава, но не без много основателни причини.

За да направите още по-бързо кодирането, можете да използвате съкращения, за да създадете своя код. Това правите с Emmet; системата съществува за много редактори и IDE. Във Vim просто добавяте приставката си с помощта на init.vim или vimrc файл. За да бъдете наистина ефективни, ще трябва да научите съкращенията, които съответстват на кода, който искате. След като ги знаете, скоростта на кодиране набира експоненциално. За да инсталирате, добавете https: // github.com / mattn / emmet-vim към конфигурацията на вашия плъгин.

Git

Ако сериозно се занимавате с програмиране, трябва да имате система за контрол на версиите. Ако не използвате git, тогава имате много рядък проект. Стартирате Git в командния ред извън редактора си, докато намерите страхотно разширение, което да го стартира за вас. Тъй като сте чували за Coc, трябва да знаете, че има разширение за тази рамка, но те признават, че не разполага с функции. Така че най-популярният е вим-беглец. Инсталирайте го, като използвате любимия си мениджър на приставки. След като го инсталирате, можете да стартирате git точно както ако сте в командния ред. Той също така добавя много функции, които действат както на вашето хранилище, така и на вашия буфер. Можете да го използвате, за да стартирате разликата във vim, а също така има много приставки за известни доставчици. Имате и опция за статус, която можете да добавите към вашата линия за състояние. Ще видите пример за това по-надолу.

Други странни, които може да ви харесат.

След като имате всички функции в редактора си, може да искате да подправите опита си. Може да искате да имате хубав ред на състоянието в долната част на екрана. Използвайте vim-airline за това, има много други, но този изглежда лек и ефирен. За да инсталирате, добавете „vim-airline / vim-airline“ към вашата конфигурация. Лентата на задачите ви веднага ще изглежда по-добре и можете да промените повече в свободното си време.

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

Един от начините да направите както вашата лента на състоянието да изглежда по-добре, така и повечето други части на интерфейса е да добавите хубави икони към инсталацията. „Ryanoasis / vim-dev-icons“ е чудесен избор за тези икони. Инсталирайте по обичайния начин; играе добре с vim-airline и много други разширения.

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

Трябва също да помислите как можете да видите уеб страницата си на живо, докато кодирате извън vim. За възел.js, има готово решение за това. Нарича се синхронизиране с браузър. Инсталирате го с npm и го стартирате с командата и директорията, където е вашият проект. Веднага след като командата стартира, тя ще стартира браузъра ви на адреса „localhost: 3000“. Всички промени ще се покажат веднага, когато надстроите кода.

Заключение

За да започнете да програмирате за мрежата, първо трябва да положите усилия да следвате няколко урока и след това да създадете свои собствени проекти. Намерете хора, на които можете да помогнете, за да могат те да ви помогнат в края. За да бъде вашето кодиране ефективно и приятно, използвайте разширенията, за които сте чували тук. Също така трябва да продължите да търсите начини да подобрите първо себе си, а след това и инструментите си.

Урок за битка за Уеснот
Битката за Уеснот е една от най-популярните стратегически игри с отворен код, които можете да играете по това време. Тази игра не само се разработва о...
0 А.д. Урок
От многото стратегически игри, 0 A.д. успява да се открои като изчерпателно заглавие и много дълбока, тактическа игра, въпреки че е с отворен код. Раз...
Урок за Unity3D
Въведение в Unity 3D Unity 3D е мощен двигател за разработка на игри. Това е кръстосана платформа, която ви позволява да създавате игри за мобилни уст...