7 розширень для VS Code, встановивши які, ви не захочете виходити з редактора | Бізнес Майстерня

7 розширень для VS Code, встановивши які, ви не захочете виходити з редактора

7 розширень для VS Code, встановивши які, ви не захочете виходити з редактора

VS Code

Однією з відмінностей між дуже хорошими і добрими програмістами полягає в тому, які інструменти вони використовують. Підбір правильних інструментів здатний значно полегшити розробнику життя. Це відноситься до тонкої настройки інтегрованих середовищ розробки, які використовуються при написанні коду.

Багато програмістів використовують в наші дні Visual Studio Code. Цей редактор коду підтримує установку розширень. Існує стільки подібних розширень, що можна говорити про те, що можливості настройки VS Code практично безмежні.

Але на Visual Studio Marketplace, на майданчику, де публікуються розширення для VS Code, опубліковано просто неймовірну кількість розширень. А це означає, що програмістам складно знаходити саме те, що їм дійсно стане в нагоді. Якщо якесь розширення здалося комусь корисним, то воно, цілком можливо, принесе користь і іншим людям. Тому розповімо тут про 7 розширень для VS Code, які здатні значно полегшити роботу програміста. Все це - безкоштовні розширення. Будь-хто може вільно їх завантажувати і використовувати.

REST Client

Розширення REST Client дозволяє, прямо з VS Code, відправляти HTTP-запити, і тут же переглядати відповіді на них. Це розширення дозволяє попрощатися з зовнішніми додатками, які інакше довелося б використовувати для виконання запитів до серверів.

Це розширення, з огляду на те, що у нього більше мільйона завантажень, вельми популярне. Ним користується безліч програмістів бо це - чудовий інструмент.

З його допомогою дуже просто і зручно створювати і відправляти запити. При роботі з ним використовуються чіткі синтаксичні конструкції, що полегшують його застосування в самих різних ситуаціях. Наприклад, для відправки простого GET-запиту достатньо одного рядка коду, в якому є ключове слово GET і присутній URL.

Загалом, рекомендуємо випробувати це розширення всім, кому потрібен функціонал REST-клієнта.

REST Client
Робота з REST Client

CSS Peek

Якщо ви займаєтеся веб-розробкою, то CSS Peek - це розширення, яке обов'язково має бути присутнім у вашому наборі інструментів. Дане розширення дозволяє швидко переглядати CSS-правила, що застосовуються до різних HTML-елементів. Для того щоб побачити відповідний CSS-код, достатньо навести курсор миші на ім'я класу елемента або на його ID.

Нижче показаний процес роботи з CSS Peek.

CSS Peek
Робота з CSS Peek

Але можливості цього розширення йдуть далі перегляду стилів. Воно, крім іншого, дає змогу отримати доступ до коду CSS-правил, використовуваних для стилізації елементів. Це дозволяє економити масу часу при пошуку відповідних селекторів.

Beautify

Якщо вам подобається чистий код, то вам, безумовно, припаде до душі розширення Beautify. Воно дозволяє форматувати код. Beautify підтримує JavaScript, HTML, CSS, Sass і JSON.

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

Beautify, з більш ніж 5 мільйонами завантажень, входить в топ-20 найпопулярніших розширень.

Auto Rename Tag

Розширення Auto Rename Tag вирішує досить просту задачу, але, незважаючи на це, воно здатне зайняти гідне місце в наборі інструментів програміста. А саме, воно автоматизує задачу перейменування HTML-тегів. Зокрема, якщо перейменовують відкриваючий тег, змінюється і закриваючий тег. Те ж саме відбувається і при перейменуванні закриваючого тега.

Якщо вам потрібно, щоб після введення дужки, яка завершує відкриваючий тег, автоматично вводився б закриваючий тег, погляньте на розширення Auto Close Tag. Якщо у вас є обидва ці розширення, це добре допоможе вам в написанні HTML-коду, зробивши вашу працю ефективнішою, а результати вашої роботи - єдинообразними.

Rename
Робота з Auto Rename Tag

Quokka.js

Розширення Quokka.js - це щось на кшталт «пісочниці» для експериментів з кодом, вбудованої прямо в редактор. Вона дозволяє працювати з файлами, виводячи відповідні підказки безпосередньо в коді. Ці підказки з'являються в процесі введення тексту програми, що дуже зручно.

Quokka
Робота з Quokka.js

Night Owl

Чого варта оптимізація VS Code без використання дивовижної теми? Програмісти проводять дуже багато часу, працюючи в редакторі, тому - чим привабливіше виглядає редактор - тим краще.

Night Owl - це одна з чудових тем, що використовуються багатьма програмістами. В описі до неї сказано, що вона розрахована на тих, хто засиджується за комп'ютером до пізньої ночі.

Night
Тема Night Owl

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

JavaScript (ES6) code snippets

Розширення JavaScript (ES6) code snippets, яким завершується цей матеріал, пропонує розробникові набір фрагментів, які дозволяють швидко створювати сучасні JavaScript-конструкції.

Наприклад, якщо, користуючись цим розширенням, ввести clg і натиснути Enter - в код потрапить console.log. Для того щоб освоїти всі наявні в цьому розширенні сніпети може знадобитися деякий час. Але той, хто впровадив в роботу JavaScript (ES6) code snippets, зможе по-справжньому швидко писати сучасний JS-код. Це окупає час, витрачений на вивчення даного розширення.

Фото: flickr.com
Обробка: Vinci
назад
далі