Оценка возможностей интегрированной среды разработки JetBrains WebStorm
Анализ преимуществ и недостатков интегрированной среды разработки на JavaScript, CSS и HTML JetBrains WebStorm, обеспечивающей автодополнение, анализ кода на лету, навигацию по коду, рефакторинг, отладку и интеграцию с системами управления версиями.
Рубрика | Программирование, компьютеры и кибернетика |
Вид | статья |
Язык | русский |
Дата добавления | 22.02.2019 |
Размер файла | 12,6 K |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
ФГБОУ ВО "Курский государственный университет"
Колледж коммерции, технологий и сервиса
ОЦЕНКА ВОЗМОЖНОСТЕЙ ИНТЕГРИРОВАННОЙ СРЕДЫ РАЗРАБОТКИ JETBRAINS WEBSTORM
Константинов А.В., Негребецкая В.И.
г. Курск, Россия
JetBrains WebStorm - интегрированная среда разработки на JavaScript, CSS & HTML от компании JetBrains, разработанная на основе платформы IntelliJ IDEA.
WebStorm обеспечивает автодополнение, анализ кода на лету, навигацию по коду, рефакторинг, отладку, и интеграцию с системами управления версиями. Важным преимуществом интегрированной среды разработки WebStorm является работа с проектами [1] (в том числе, рефакторинг кода JavaScript, находящегося в разных файлах и папках проекта, а также вложенного в HTML). Поддерживается множественная вложенность (когда в документ на HTML вложен скрипт на Javascript, в который вложен другой код HTML, внутри которого вложен Javascript) - то есть в таких конструкциях поддерживается корректный рефакторинг.
Среди основных возможностей можно отметить [3]:
- отладку client-side-, Node.js- и React Native-приложений прямо в Web-Storm;
- помощь при работе с приложениями на Angular, React, Vue.js, Electron и Meteor;
- интеграцию с системами управления версиями Git, GitHub, Subversion, Perforce и Mercurial;
- интеграцию с системами отслеживания ошибок (ESLint, JSHint, JSLint, TSLint и Stylelint).
Live Edit позволяет мгновенно видеть результаты ваших изменений в CSS, HTML и JavaScript файлах проекта в браузере без перезагрузки страницы. Live Edit доступен в режиме отладки JavaScript и работает в браузере Google Chrome с предустановленным плагином JetBrains IDE Support.
Языки стилей LESS, Sass, SCSS и Stylus которые расширяют возможности описаний стилей в CSS, полностью поддерживаются в WebStorm, в частности, поддерживается рефакторинг кода для них, когда надо изменить выражение (например, #a9a9a9) на переменную (например @grey), для того, чтобы сделать код более читаемым и проще переопределять параметры (например, путём присвоения им значения @grey: #a9a9a9)
JetBrains также разрабатывает и поддерживает другую среду разработки - IntelliJ IDEA с аналогичными возможностями по поддержке JavaScript, HTML и CSS. Следует заметить, что IntelliJ IDEA поддерживает не все теги и/или аттрибуты стандарта HTML. Так, например, версия 12.1.6 не распознавала тег frameset. Версия 14.0.2 этот тег распознает, но не разпознает его аттрибут cols, отвечающий за размер и количество отдельных фреймов на странице.
WebStorm поддерживает современные языки, компилируемые в JavaScript, такие как TypeScript, CoffeeScript и новую версию JavaScript - ECMAScript 2017, предлагая автодополнение кода, проверку ошибок, рефакторинг и отладку [2].
WebStorm позволяет эффективно разрабатывать приложения на Node.js и поддерживает полноценную отладку Node.js приложений. Новое приложение можно создать, используя шаблон Node.js Express, а необходимые модули легко установить через npm, не используя командную строку. javascript webstorm рефакторинг
Таким образом, WebStorm - это среда для разработки на JavaScript, которая подходит для client-side-разработки, создания приложений на Node.js и мобильных приложений на React Native.
Список использованных источников
1. JetBrains WebStorm [Электронный ресурс] Режим доступа: https://store.softline.ru/jetbrains/jetbrains-webstorm/ Дата обращения: 27.12.2017
2. WebStorm [Электронный ресурс] Режим доступа: https://ru.bywiki.com/wiki/WebStorm Дата обращения: 26.12.2017
3. Официальный сайт Jetbrains [Электронный ресурс] Режим доступа: http://www.jetbrains.com/webstorm/ Дата обращения: 26.12.2017
Размещено на Allbest.ru
Подобные документы
Введение в Microsoft Visual Studio. Диалоговое окно "Восстановленные файлы" интегрированной среды разработки. Веб-обозреватель интегрированной среды разработки. Диалоговое окно "Проверка подлинности прокси-сервера". Сохранение и восстановление файлов.
реферат [22,0 K], добавлен 29.05.2013Языки среды программирования Visual Studio. Стартовая страница интегрированной среды разработки. Окно New Project. Вкладка разработки формы. Перемещение и изменение размера кнопки. Прибавление программного кода к кнопке. Запуск и сохранение проекта.
презентация [1,4 M], добавлен 29.04.2014Изучение основных методов разработки программ для операционных систем семейства Windows с применением технологий .NET. Анализ возможностей интегрированной среды разработки Microsoft Visual Studio, языка C# и создание приложения "пункт видеопроката".
курсовая работа [1014,7 K], добавлен 28.06.2011История интегрированной среды разработки, версии Delphi. Организация библиотеки компонентов. Страница Additional, ряд часто используемых компонентов общего назначения. Исполняемый файл программы "Архиватор текстовых файлов", интерфейс приложения.
курсовая работа [1019,0 K], добавлен 16.05.2017Оценка качества подготовки программистов и снижение трудозатрат на подготовку и проверку их лабораторных работ. Разработка проекта по автоматизации процесса обучения программированию с помощью интегрированной среды оценки структуры и качества программы.
дипломная работа [2,5 M], добавлен 07.06.2012Особенности среды визуального проектирования Borland Delphi 7.0. Этапы разработки программы и составления блок-схемы алгоритмов. Способы вычисления кусочно-заданной функции одной переменной. Рассмотрение компонентов среды Delphi, ее предназначение.
контрольная работа [703,8 K], добавлен 24.09.2012Размещение кода скрипта JavaScript непосредственно на HTML-странице. Сценарий JavaScript и список основных событий. Полезные конструкции на PHP. Некоторые функции для работы с массивами. Фрагмент кода JavaScript из "Эконометрической модели России".
презентация [331,2 K], добавлен 25.09.2013Характеристика рефакторинга как процесса изменения структуры программы. Предпосылки его проведения, основополагающие принципы. Признаки "плохого" кода. Применение кодирования и управления исходным кодом в качестве приема "Экстремального программирования".
контрольная работа [26,2 K], добавлен 29.05.2014Назначение и применение JavaScript, общие сведения. Понятие объектной модели применительно к JavaScript. Размещение кода на HTML-странице. URL-схема. Вставка (контейнер SCRIPT, принудительный вызов интерпретатора). Программирование свойств окна браузера.
лекция [517,1 K], добавлен 09.03.2009Элементы объектно-ориентированного программирования. Среда Visual Studio: улучшения интегрированной среды разработки и увеличение ее производительности. Проектирование архитектуры программы и ее интерфейса. Использование двухуровневой системы приложения.
курсовая работа [516,8 K], добавлен 09.08.2015