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, щоб підтримувати правильність коду та знаходити помилки. Краще розширення робить ваш код краще форматованим. Список мов, якими ви можете користуватися, довгий. Вам слід переглянути його після того, як ви почали використовувати КОК; перехід на інших може коштувати того, але не без поважних причин.

Щоб зробити код ще швидшим, ви можете використовувати абревіатури для створення свого коду. Це те, що ви робите з Емметом; система існує для багатьох редакторів та 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'. Будь-які зміни відображатимуться негайно під час оновлення коду.

Висновок

Щоб розпочати програмування для Інтернету, спочатку потрібно докласти зусиль, щоб виконати кілька підручників, а потім створити власні проекти. Знайдіть людей, яким ви можете допомогти, щоб вони допомогли вам наприкінці. Щоб ваш досвід кодування був ефективним та приємним, використовуйте розширення, про які ви чули тут. Вам також слід продовжувати шукати шляхи вдосконалення спочатку себе, а потім своїх інструментів.

How to download and Play Sid Meier's Civilization VI on Linux
Introduction to the game Civilization 6 is a modern take on the classic concept introduced in the series of the Age of Empires games. The idea was fai...
How to Install and Play Doom on Linux
Introduction to Doom The Doom Series originated in the 90s after the release of the original Doom. It was an instant hit and from that time onwards th...
Vulkan for Linux Users
With each new generation of graphics cards, we see game developers push the limits of graphical fidelity and come one step closer to photorealism. But...