WebStorm: различия между версиями

JetBrains WebStorm
JetBrains WebStorm
Тип	Среда разработки
Разработчик	JetBrains
Написана на	Java
Операционная система	Кроссплатформенное ПО
Первый выпуск	2010
Последняя версия	2022.2 (25 июля 2022 года)
Лицензия	Проприетарная
Сайт	jetbrains.com/ru-ru/webs…
	Медиафайлы на Викискладе

Интерактивная навигация по истории

(Показать все непатрулированные изменения)

[отпатрулированная версия]

[непроверенная версия]

← Предыдущая правка

Содержимое удалено Содержимое добавлено

ВизуальныйВики-текст

Линейный

Текущая версия от 07:33, 10 июня 2024

JetBrains WebStorm — интегрированная среда разработки на JavaScript, CSS & HTML от компании JetBrains, разработанная на основе платформы IntelliJ IDEA.

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

Основные возможности

"Голый" WebStorm (без плагинов) не представляет возможностей, описанных ниже, однако, по умолчанию имеет более 100 установленных дополнений, которые обеспечивают поддержку и удобную разработку, используя самые разные JS-фреймворки, библиотеки, различные новшества CSS/HTML и т.д. Это лишь малая часть того, с чем WebStorm способен работать из коробки:

Модификация файлов .css, .html, .js с одновременным просмотром результатов (англ. Live Edit, в некоторых источниках эта функциональность называется «редактирование файлов на лету» или «в реальном времени» или «без перезагрузки страницы»)^[3]
Поддержка HTML5
Поддержка JSDoc^[4]
Поддержка Node.js
Поддержка React, JSX
Возможности Zen Coding и Emmet
Отладка кода на JavaScript
Удалённое развёртывание по протоколам FTP, SFTP, на монтированных сетевых дисках и т. д. с возможностью автоматической синхронизации
Интеграция с системами управления версиями: Subversion, Git, GitHub, Perforce, Mercurial, CVS поддерживаются из коробки с возможностью построения списка изменений и отложенных изменений
Интеграция с системами отслеживания ошибок

Live Edit

LiveEdit — новая возможность WebStorm, появившаяся в версии 5 и позволяющая одновременно редактировать код html, css или javascript и видеть, как результат отображается в браузере. Для этого требуется поддержка такой возможности со стороны браузера, поэтому WebStorm при установке ставит плагин для Google Chrome^[5]. Плагин работает с браузерами Google Chrome и его производными.

Поддержка node.js

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

Для node.js поддерживается также вывод сообщений node.js на отдельную вкладку в IDE.

LESS, Sass, SCSS, Stylus

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

Поддержка CoffeeScript, Dart, TypeScript

В WebStorm для CoffeeScript, Dart и TypeScript есть навигация по коду, автодополнение, рефакторинг, подсветка синтаксиса и проверка на ошибки.

Поддержка JavaScript, HTML, CSS в IntelliJ IDEA

JetBrains также разрабатывает и поддерживает другую среду разработки — IntelliJ IDEA с аналогичными возможностями по поддержке JavaScript, HTML и CSS. Следует заметить, что IntelliJ IDEA поддерживает не все теги и/или атрибуты стандарта HTML. Так, например, версия 12.1.6 не распознавала тег frameset. Версия 14.0.2 этот тег распознает, но не распознает его атрибут cols, отвечающий за размер и количество отдельных фреймов на странице.

См. также

Сравнение IDE

Примечания

↑ "Что нового в WebStorm 2022.2". Архивировано 9 марта 2022. Дата обращения: 15 апреля 2022. {{cite news}}: |archive-date= / |archive-url= несоответствие временной метки; предлагается 9 марта 2022 (справка)
↑ Introducing Html5, 2012, с. 2.
↑ Михаил Кобзарев. LiveEdit в PhpStorm (неопр.). Дата обращения: 21 июня 2018. Архивировано 21 июня 2018 года.
↑ Pro Android, 2012, с. 104.
↑ Erez Zukerman. Review: WebStorm 5 IDE provides powerful editing features and instant feedback for Web developers (англ.). PCWorld (13 ноября 2012). Дата обращения: 30 января 2013. Архивировано 4 февраля 2013 года.

Литература

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.

Ссылки

JetBrains Официальный сайт WebStorm Архивная копия от 15 марта 2021 на Wayback Machine
Блог JetBrains WebStorm IDE Архивная копия от 2 апреля 2021 на Wayback Machine (англ.)
Блог JetBrains WebStorm IDE Архивная копия от 10 апреля 2021 на Wayback Machine
Блог Devart IDE for SQL Server management

[1] "Что нового в WebStorm 2022.2". Архивировано 9 марта 2022. Дата обращения: 15 апреля 2022. {{cite news}}: |archive-date= / |archive-url= несоответствие временной метки; предлагается 9 марта 2022 (справка)

[_8899f4c9bd08a9d0-2] Introducing Html5, 2012, с. 2.

[Kobzarev-3] Михаил Кобзарев. LiveEdit в PhpStorm (неопр.). Дата обращения: 21 июня 2018. Архивировано 21 июня 2018 года.

[_a2e8ed3a45df7739-4] Pro Android, 2012, с. 104.

[5] Erez Zukerman. Review: WebStorm 5 IDE provides powerful editing features and instant feedback for Web developers (англ.). PCWorld (13 ноября 2012). Дата обращения: 30 января 2013. Архивировано 4 февраля 2013 года.

[1]

[2]

[3]

[4]

[5]

@@ Строка 1: / Строка 1: @@
 {{Карточка программы
-| name                   = JetBrains WebStorm
+| name = JetBrains WebStorm
-| developer              = [[JetBrains]]
+| developer = [[JetBrains]]
+| logo = JetBrains WebStorm Product Logo.svg
-| logo                   = [[Файл:webstorm_logo.png|250px]]
-| screenshot             = [[Файл:WebStorm_1.png|250px]]
+| screenshot =
+| latest_release_version = 2022.2<ref>{{Cite news|title=Что нового в WebStorm 2022.2|url=https://www.jetbrains.com/ru-ru/webstorm/whatsnew/|accessdate=2022-04-15|archivedate=2022-03-09|archiveurl=https://web.archive.org/web/20220309064759/https://www.jetbrains.com/ru-ru/webstorm/whatsnew/}}</ref>
-| latest_release_version = 7.0.1
-| latest_release_date    = [[22 октября]] [[2013 год]]а
+| latest_release_date = [[25 июля]] [[2022 год]]а
-| latest preview version =
-| latest preview date =
 | operating system = [[Кроссплатформенное программное обеспечение|Кроссплатформенное ПО]]
 | programming language = [[Java]]
 | genre = [[Интегрированная среда разработки|Среда разработки]]
 | license = [[Проприетарное программное обеспечение|Проприетарная]]
-| website = {{url|http://www.jetbrains.com/webstorm}}
+| website = https://www.jetbrains.com/ru-ru/webstorm/
 }}
@@ Строка 21: / Строка 19: @@
 == Основные возможности ==
+"Голый" WebStorm (без [[Плагин|плагинов]]) не представляет возможностей, описанных ниже, однако, по умолчанию имеет более 100 установленных дополнений, которые обеспечивают поддержку и удобную разработку, используя самые разные JS-фреймворки, библиотеки, различные новшества CSS/HTML и т.д. Это лишь малая часть того, с чем WebStorm способен работать из коробки:
-* Модификация файлов .css, .html, .js с одновременным просмотром результатов (англ. Live Edit, в некоторых источниках эта функциональность называется «редактирование файлов на лету» или «в реальном времени» или «без перезагрузки страницы»)<ref name="Kobzarev>{{cite web|url=http://www.kobzarev.com/soft/liveedit-in-phpstorm.html|title=LiveEdit в PhpStorm|author=[[Михаил Кобзарев]]|archiveurl=http://www.webcitation.org/6EBrERhYt|archivedate=2013-02-05}}</ref>
+*Модификация файлов .css, .html, .js с одновременным просмотром результатов (англ. Live Edit, в некоторых источниках эта функциональность называется «редактирование файлов на лету» или «в реальном времени» или «без перезагрузки страницы»)<ref name="Kobzarev">{{cite web|url=https://www.kobzarev.com/soft/liveedit-in-phpstorm/|title=LiveEdit в PhpStorm|author=[[Михаил Кобзарев]]|access-date=2018-06-21|archive-date=2018-06-21|archive-url=https://web.archive.org/web/20180621143424/https://www.kobzarev.com/soft/liveedit-in-phpstorm/|deadlink=no}}</ref>
 * Поддержка [[HTML5]]
 * Поддержка [[JSDoc]]{{sfn|Pro Android|2012|c=104}}
 * Поддержка [[Node.js]]
+*Поддержка [[React]], [[React#JSX|JSX]]
-* Возможности [[Zen Coding]] и [[Emmet]]
+* Возможности Zen Coding и [[Emmet]]
 * Отладка кода на JavaScript
-* Удалённое развёртывание по протоколам [[FTP]], [[SFTP]], на примонтированных сетевых дисках и т. д. с возможностью автоматической синхронизации
+* Удалённое развёртывание по протоколам [[FTP]], [[SFTP]], на монтированных сетевых дисках и т. д. с возможностью автоматической синхронизации
 * Интеграция с системами управления версиями: [[Subversion]], [[Git]], GitHub, [[Perforce]], [[Mercurial]], [[CVS]] поддерживаются из коробки с возможностью построения списка изменений и отложенных изменений
 * Интеграция с [[Система отслеживания ошибок|системами отслеживания ошибок]]
 == Live Edit ==
-LiveEdit — новая возможность WebStorm, появившаяся в версии 5 и позволяющая одновременно редактировать код html, css или javascript и видеть, как результат отображается в [[браузер]]е. Для этого требуется поддержка такой возможности со стороны браузера, поэтому WebStorm при установке ставит плагин для [[Google Chrome]]<ref>{{cite web|url=http://www.pcworld.com/article/258227/work_in_a_high_quality_development_environment_with_jetbrains_webstorm.html|title=Review: WebStorm 5 IDE provides powerful editing features and instant feedback for Web developers|author=Erez Zukerman|date=2012-11-13|publisher=PCWorld|lang=en|accessdate=2013-01-30|archiveurl=http://www.webcitation.org/6EBrExGDy|archivedate=2013-02-05}}</ref>. Плагин работает с браузерами Google Chrome и [[Яндекс.Браузер]].
+LiveEdit — новая возможность WebStorm, появившаяся в версии 5 и позволяющая одновременно редактировать код html, css или javascript и видеть, как результат отображается в [[браузер]]е. Для этого требуется поддержка такой возможности со стороны браузера, поэтому WebStorm при установке ставит плагин для [[Google Chrome]]<ref>{{cite web|url=http://www.pcworld.com/article/258227/work_in_a_high_quality_development_environment_with_jetbrains_webstorm.html|title=Review: WebStorm 5 IDE provides powerful editing features and instant feedback for Web developers|author=Erez Zukerman|date=2012-11-13|publisher=PCWorld|lang=en|accessdate=2013-01-30|archiveurl=https://www.webcitation.org/6EBrExGDy?url=http://www.pcworld.com/article/258227/work_in_a_high_quality_development_environment_with_jetbrains_webstorm.html|archivedate=2013-02-04}}</ref>. Плагин работает с браузерами Google Chrome и его производными.
 == Поддержка node.js ==
@@ Строка 40: / Строка 40: @@
 Для node.js поддерживается также вывод сообщений node.js на отдельную вкладку в IDE.
-== LESS, Sass, SCSS ==
+== LESS, Sass, SCSS, Stylus ==
-Языки стилей [[LESS (язык стилей)|LESS]], [[Sass]] и [[SCSS]], которые расширяют возможности описаний стилей в [[CSS]], полностью поддерживаются в WebStorm, в частности,
+Языки стилей [[LESS (язык стилей)|LESS]], [[Sass]], [[SCSS]] и [[Stylus (язык таблиц стилей)|Stylus]] которые расширяют возможности описаний стилей в [[CSS]], полностью поддерживаются в WebStorm, в частности, поддерживается рефакторинг кода для них, когда надо изменить выражение (например, #a9a9a9) на переменную (например @grey), для того, чтобы сделать код более читаемым и проще переопределять параметры (например, путём присвоения им значения @grey: #a9a9a9).
-поддерживается рефакторинг кода для них, когда надо измененить выражение (например, #a9a9a9) на переменную (например @grey), для того, чтобы сделать код более читаемым и
-проще переопределять параметры (например, путем присвоения им значения @grey: #a9a9a9)
-== Поддержка CoffeeScript ==
+== Поддержка CoffeeScript, Dart, TypeScript ==
-В версии WebStorm 5 для [[CoffeeScript]] есть навигация по коду, автодополнение, рефакторинг, подсветка синтаксиса и проверка на ошибки.
+В WebStorm для [[CoffeeScript]], [[Dart]] и [[TypeScript]] есть навигация по коду, автодополнение, рефакторинг, подсветка синтаксиса и проверка на ошибки.
-== Поддержка JavaScript, HTML, CSS в [[ IntelliJ IDEA]] ==
+== Поддержка JavaScript, HTML, CSS в [[IntelliJ IDEA]] ==
 JetBrains также разрабатывает и поддерживает другую среду разработки — [[IntelliJ IDEA]] с аналогичными возможностями по поддержке JavaScript, HTML и CSS.
+Следует заметить, что [[IntelliJ IDEA]] поддерживает не все теги и/или атрибуты стандарта HTML. Так, например, версия 12.1.6 не распознавала тег frameset. Версия 14.0.2 этот тег распознает, но не распознает его атрибут cols, отвечающий за размер и количество отдельных фреймов на странице.
 == См. также ==
-* [[Сравнение_IDE#JavaScript|Сравнение IDE]]
+* [[Сравнение IDE#JavaScript|Сравнение IDE]]
-== Литература ==
-* {{книга |автор= [[Juriy Bura]], [[Paul Coates]] |заглавие= Pro Android Web Game Apps: Using HTML5, CSS3 and JavaScript |издательство= Apress |год= 2012 |allpages= 664 | isbn= 1430238194 | ref= Pro Android}}
-* {{книга |автор= [[Jesse Freeman]] |заглавие= Introducing Html5 Game Development |издательство= O'Reilly Media |год= 2012 |allpages= 122 |isbn= 1449315178 | ref= Introducing Html5}}
 == Примечания ==
 {{примечания}}
+== Литература ==
+* {{книга |автор= [[Juriy Bura]], [[Paul Coates]] |заглавие= Pro Android Web Game Apps: Using HTML5, CSS3 and JavaScript |ссылка= https://archive.org/details/proandroidwebgam0000bura |издательство= Apress |год= 2012 |allpages= 664 | isbn= 1430238194 | ref= Pro Android}}
+* {{книга |автор= [[Jesse Freeman]] |заглавие= Introducing Html5 Game Development |ссылка= https://archive.org/details/introducinghtml50000free |издательство= O'Reilly Media |год= 2012 |allpages= 122 |isbn= 1449315178 | ref= Introducing Html5}}
 == Ссылки ==
-* [http://www.jetbrains.com/webstorm JetBrains Официальный сайт WebStorm]
+* [https://www.jetbrains.com/ru-ru/webstorm/ JetBrains Официальный сайт WebStorm] {{Wayback|url=https://www.jetbrains.com/ru-ru/webstorm/ |date=20210315065718 }}
-* [http://blog.jetbrains.com/webstorm Блог JetBrains WebStorm IDE]
+* [https://blog.jetbrains.com/webstorm/ Блог JetBrains WebStorm IDE] {{Wayback|url=https://blog.jetbrains.com/webstorm/ |date=20210402175201 }}{{ref-en}}
+* [https://blog.jetbrains.com/ru/webstorm/ Блог JetBrains WebStorm IDE] {{Wayback|url=https://blog.jetbrains.com/ru/webstorm/ |date=20210410150137 }}
+* [https://web.archive.org/web/20160618191516/http://blog.devart.com/category/dbforge-sqlserver Блог Devart IDE for SQL Server management]
+{{JetBrains|state=expanded}}
 [[Категория:Интегрированные среды разработки]]
 [[Категория:Инструменты программирования для JavaScript]]
+[[Категория:JetBrains]]

JetBrains
Интегрированная среда разработки	IntelliJ IDEA PhpStorm PyCharm RubyMine WebStorm Rider AppCode DataGrip CLion GoLand
.NET и Visual Studio	ReSharper dotTrace dotMemory dotCover dotPeek ReSharper C++
Коллективная работа	TeamCity YouTrack Upsource
Языки программирования	Meta Programming System Kotlin

WebStorm: различия между версиями

Текущая версия от 07:33, 10 июня 2024

Содержание

Основные возможности

Live Edit

Поддержка node.js

LESS, Sass, SCSS, Stylus

Поддержка CoffeeScript, Dart, TypeScript

Поддержка JavaScript, HTML, CSS в IntelliJ IDEA

См. также

Примечания

Литература

Ссылки

Навигация

WebStorm: различия между версиями

Текущая версия от 07:33, 10 июня 2024

Основные возможности

Live Edit

Поддержка node.js

LESS, Sass, SCSS, Stylus

Поддержка CoffeeScript, Dart, TypeScript

Поддержка JavaScript, HTML, CSS в IntelliJ IDEA

См. также

Примечания

Литература

Ссылки

Навигация

Поиск