WebStorm 2020.3: основне оновлення WebStorm, підтримка CSS Tailwind та інші вдосконалення

JetBrains представив серйозне оновлення WebStorm.

Ви можете завантажити 30-денну пробну версію WebStorm 2020.3 з веб-сайту JetBrains або за допомогою програми Toolbox. Повна версія може бути використана власниками діючої підписки на WebStorm або JetBrains All Products Pack, а також безкоштовними студентами і розробниками  проектів з відкритим кодом.

Ключові покращення WebStorm 2020.3

Новий Стартовий екран

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

Тепер зі Стартового екрана можна не тільки відкрити проект, але і встановити розширення, а також змінити тему WebStorm або використовуваний шрифт. JetBrains також додав вкладку Learn WebStorm. Звідти ви можете швидко отримати доступ до документації продукту, інтерактивного курсу з основ webStorm, навчальних відео та інших корисних ресурсів.

Ще одна важлива зміна: початкова настройка WebStorm тепер займає менше часу. JetBrains позбувся майстра настройки, залишивши тільки найнеобхідніші діалоги - Політику конфіденційності та Ліцензію. Все інше можна налаштувати зі Стартового екрана.

Синхронізація теми IDE з настройками операційної системи

Тепер ви можете синхронізувати тему WebStorm з налаштуваннями macOS і Windows. Для цього перейдіть до Налаштування/Налаштування | Зовнішній вигляд & Поведінка | Зовнішній вигляд | Тема та галочка Синхронізація з ОС. Натисніть значок шестерінки поруч із пунктом Синхронізувати з ОС, щоб вибрати потрібну тему.

JetBrains також планує додати цю функціональність для користувачів Linux у майбутніх випусках.

Оптимізація роботи з вкладками редактора

Робота з вкладками редактора стала ще зручніше. Тепер ви можете розділити область редактора на частини, перетягнувши вкладки або скориставшись новою дією «Відкрити в правому розділенні».

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

Підтримка CSS попутного вітру

JetBrains додав вбудовану підтримку Tailwind CSS. Тепер WebStorm допоможе вам при додаванні класів Tailwind, покаже вам очікуваний CSS при наведенні покажчика миші на код, а також дозволить працювати з призначеними для користувача настройками, доданими в файли tailwind.config.js.

Наступного року JetBrains продовжить додавати покращення до цього фреймворку.

Швидке створення React компонентів

WebStorm постійно перевіряє ваш код на наявність проблем і може допомогти швидко вирішити багато з них. Цього разу JetBrains навчив WebStorm, як знайти невикористані компоненти React і додати відповідні конструкції до коду для вас. Схема роботи така ж, як і раніше: наведіть курсор на проблемну складову, натисніть Alt + Enter і виберіть потрібну дію.

Об'єднання вікон TypeScript і проблем

JetBrains інтегрував мовну службу TypeScript з вікном «Проблеми» і видалив вікно TypeScript , яке дозволяє переглядати всі помилки в одному місці. Дії, які раніше були доступні у вікні TypeScript, тепер можна знайти в окремому віджеті в рядку стану.

Більш зручний процес налагодження

Коли програма перериває виконання в точці зупинки, WebStorm відображає підказки зі змінними значеннями прямо біля місця їх використання. Щоб зробити ці підказки більш корисними, JetBrains додав кілька покращень.

Почнемо з того, що підказки стали інтерактивними. Натиснувши на підказку, ви побачите всі дані про змінну. Ви також можете встановити нове значення для змінної, натиснувши кнопку Установити значення та додати вираз годинника за допомогою функції "Додати як вбудований годинник".

Додавши таким чином вираз годинника, ви можете прив'язати його до певного місця у вашому коді. Попередній спосіб додавання годинників за допомогою вкладки «Змінні » у вікні «Налагодження » все ще доступний.

JetBrains також об'єднали Step Into і Smart Step Into.  

Новий інструмент співпраці

WebStorm 2020.3 підтримує Code With Me (EAP), новий інструмент для віддаленої розробки та парного програмування. З його допомогою ви та ваша команда можете співпрацювати над проектами прямо з ваших IDE. Якщо ви хочете спробувати Code With Me, встановіть плагін у налаштуваннях/налаштуваннях | Плагіни.

Code With Me все ще знаходиться в стадії активної розробки. Якщо у вас виникнуть проблеми під час його використання, будь ласка, повідомте про це JetBrains .

Підтримка постановки Git

У новій версії ви знайдете довгоочікувану підтримку постановки Git. Щоб увімкнути його, перейдіть до Налаштування/Налаштування | контроль версій | Git і відзначте параметр Увімкнути область постановки . Майте на увазі, що нова функціональність буде доступна лише в тому випадку, якщо ви використовуєте немодальне вікно Commit , доступне з версії 2020.1.

Тепер, повернувшись у вікно Commit, замість списків змін ви побачите два нових розділи – Staged і Unstaged. Додавати файли до постановки можна безпосередньо звідси, або за допомогою функції Show Diff , або натиснувши на маркер зміни, розташований зліва від рядка зі зміненим кодом.

Швидкий попередній перегляд файлів

JetBrains додала можливість попереднього перегляду файлів, натиснувши на них у вікні Проекту . Щоб спробувати це в дії, натисніть на значок шестерінки у вікні Проекту та активуйте вкладку «Увімкнути попередній перегляд» та відкрийте файли за допомогою опцій одного кліка .

Ще один зручний спосіб перегляду вмісту файлу - виділити його у вікні Програми і натиснути « Пробіл».

З повним списком нових функцій і змін можна ознайомитися в публікації блогу JetBrains (англійською мовою). 

Інші новини