Відкрити головне меню

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

JetBrains WebStorm
JetBrains Logo 2016.svg
Тип інтегроване середовище розробки для JavaScript
Розробник JetBrains
Стабільний випуск 2019.1.1 (17 квітня, 2019; 4 місяці тому (2019-04-17))
Версії 2017.1 (20 березня 2017)
Операційна система крос-платформовий
Написано на Java
Ліцензія власницька
www.jetbrains.com/webstorm

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

Server

Mobile

Desktop

Live EditРедагувати

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

Підтримка node.jsРедагувати

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

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

LESS, Sass, SCSSРедагувати

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

Підтримка CoffeeScriptРедагувати

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

Підтримка JavaScript, HTML, CSS в IntelliJ IDEAРедагувати

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

ВиноскиРедагувати

  1. PhpStorm. Процитовано 2013-04-21. «PhpStorm includes all the functionality of WebStorm (HTML/CSS Editor, JavaScript Editor) and adds full-fledged support for PHP and Databases/SQL.» 
  2. Which IDE do I need?. PhpStorm FAQ. Процитовано 2013-04-21. 
  3. Introducing Html5, 2012, с. 2
  4. Михаил Кобзарев. LiveEdit в PhpStorm. Архів оригіналу за 2013-02-04. Процитовано 2014-05-19. 
  5. Erez Zukerman (2012-11-13). Review: WebStorm 5 IDE provides powerful editing features and instant feedback for Web developers (en). PCWorld. Архів оригіналу за 2013-02-04. Процитовано 2013-01-30. 

ПосиланняРедагувати

ЛітератураРедагувати

  • 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