JetBrains WebStorm

Тип	інтегроване середовище розробки для JavaScript
Розробник	JetBrains
Стабільний випуск	2019.1.1 (17 квітня 2019; 5 років тому (2019-04-17))
Операційна система	крос-платформовий
Мова програмування	Java
Ліцензія	власницька
Вебсайт	www.jetbrains.com/webstorm
Медіафайли у Вікісховищі

JetBrains WebStorm — інтегроване середовище розробки для JavaScript, HTML та CSS від компанії JetBrains, розроблена на основі платформи IntelliJ IDEA. WebStorm є спеціалізованою версією PhpStorm, пропонуючи підмножину з його можливостей.^[1] WebStorm постачається з перед-установленим плаґінами JavaScript (такими як для Node.js), котрі доступні для PhpStorm безкоштовно.^[2]

WebStorm підтримує мови JavaScript, CoffeeScript, TypeScript та Dart.

WebStorm забезпечує автодоповнення, аналіз коду на льоту, навігацію по коду, рефакторинг, зневадження та інтеграцію з системами управління версіями. Важливою перевагою інтегрованого середовища розробки WebStorm є робота з проектами^[3] (у тому числі, рефакторинг коду JavaScript, що міститься в різних файлах і теках проекту, а також вкладеного в HTML). Підтримується множинна вкладеність (коли в документ на HTML вкладений скрипт на Javascript, в який вкладено інший код HTML, всередині якого вкладений JavaScript) — в таких конструкціях підтримується коректний рефакторинг.

Основні можливості

• Інтеграція з системами управління версіями Subversion, Git, GitHub, Perforce, Mercurial, CVS підтримуються з коробки з можливістю побудови списку змін і відкладених змін
• Інтеграція з системами відстеження помилок
• Модифікація файлів .css, .html, .js з одночасним переглядом результатів (Live Edit, в деяких джерелах ця функціональність називається «редагування файлів на льоту» або «в реальному часі» або «без перезавантаження сторінки»)^[4]
• Віддалене розгортання за протоколами FTP, SFTP, на монтованих мережевих дисках тощо з можливістю автоматичної синхронізації
• Можливості Zen Coding і Emmet

Підтримка:

Web

• Angular
• React
• Vue.js

Server

• Node.js
• Meteor

Mobile

• Ionic
• Cordova
• React Native

Desktop

• Electron

LiveEdit — можливість WebStorm, котра з'явилася з версії 5 і дозволяє одночасно редагувати код HTML, CSS або JavaScript і бачити, як результат відображається в браузері. Для цього потрібна підтримка такої можливості з боку браузера, тому WebStorm при установці ставить плаґін для Google Chrome.^[5]

WebStorm підтримує завантаження^{[уточнити]} застосунків у node.js. Також підтримується повний набір функцій редагування застосунків на javascript — як для виконання на сервері, так і в браузері: автодоповнення, навігація по коду, рефакторінг і перевірка на помилки.

Для node.js підтримується також виведення повідомлень node.js на окрему вкладку в IDE.

Мови стилів LESS, Sass і SCSS, які розширюють можливості описів стилів у CSS, повністю підтримуються в WebStorm, зокрема, підтримується рефакторинг коду для них, коли треба змінити вираз (наприклад, #a9a9a9) на змінну (наприклад @grey), для того, щоб зробити код читанішим і простіше перевизначати параметри (наприклад, шляхом присвоєння їм значення @grey: #a9a9a9)

У версіях від WebStorm 5 для CoffeeScript є навігація за кодом, автодоповнення, рефакторинг, підсвічування синтаксису і перевірка на помилки.

JetBrains також розробляє і підтримує інше середовище розробки — IntelliJ IDEA з аналогічними можливостями підтримки JavaScript, HTML і CSS.

• JetBrains WebStorm JavaScript, CSS, HTML Editor official site [Архівовано 16 травня 2014 у Wayback Machine.]
• JetBrains WebStorm IDE blog [Архівовано 14 червня 2014 у Wayback Machine.]

• Juriy Bura, Paul Coates Pro Android Web Game Apps: Using HTML5, CSS3 and JavaScript. — Apress, 2012. — 664 p. — ISBN 1430238194
• Jesse Freeman Introducing Html5 Game Development. — O'Reilly Media, 2012. — 122 p. — ISBN 1449315178