К счастью, темные дни разработки SAPUI5 остались далеко позади, и сегодня у нас есть разумная поддержка инструментов. Каждый может быстро приступить к работе с SAP Web IDE.
Однако многие выбирают альтернативные редакторы или IDE. Сегодня мы рассмотрим зачем и как это сделать. Мы сконцентрируемся на WebStorm и представим несколько полезных помощников для улучшения вашего опыта разработки SAPUI5 в этой замечательной среде IDE.
SAP Web IDE - использовать или не использовать
SAP Web IDE, безусловно, является огромным шагом вперед благодаря использованию инструментов SAPUI5 для Eclipse. Это позволяет вам начать разработку SAPUI5 в кратчайшие сроки, не требуя дополнительных усилий по настройке или настройке. Вы даже можете писать для него плагины, запускать локально, а что нет.
Но, что наиболее важно, он обладает множеством интересных функций. Подумайте о шаблонах приложений, WYSIWYG-редактировании представлений, привязок и расширений, создании фиктивных данных, тестовых кадрах, eslint, grunt, развертывании и, наконец, не в последнюю очередь о завершении кода.
Поэтому я использую SAP Web IDE для определенных задач. Но - как и многие другие разработчики - для настоящей разработки я предпочитаю другое решение. Потому что вот некоторые проблемы, которые я обнаружил с SAP Web IDE:
- ограниченные возможности редактора
- ограниченное завершение кода
- нет навигации по коду
- ограниченная свобода использования инструментов, которые мне нужны
- ограниченный контроль над окружающей средой
- производительность - ну ее отсутствие…
- таймауты сеанса
Почему я предпочитаю WebStorm
Популярной, хотя и не бесплатной, альтернативой, а также моей предпочтительной IDE является WebStorm. Это потрясающий редактор, имеет отличные функции редактирования JavaScript и - вероятно, самое большое преимущество по сравнению с такими редакторами, как VSCode или Sublime - поставляется с множеством интегрированных языков, фреймворков и инструментов: git, ESLint, TypeScript, LESS, Node.js, Karma. , мокко вы называете - все готово к использованию.
Оборотная сторона: на ручную настройку для разработки SAPUI5 уходит около полдня!
Просто шучу. Великолепное и активное сообщество SAPUI5 предлагает вам несколько хороших помощников, которые делают разработку SAPUI5 в WebStorm весьма удобной. И все они бесплатны и имеют открытый исходный код (взносы приветствуются)!
WebStorm на стероидах сообщества SAPUI5
Вероятно, самое важное - это автозавершение кода. Так что давайте быстро это настроим.
Автозавершение кода JavaScript
Вот как получить автозавершение кода JS с помощью UI5 codecompletion (спасибо Volker Buzek).
$ npm install -g ui5-codecompletion
$ ui5-codecompletion install
К сожалению, WebStorm не поддерживает SAPUI5 AMD и, в частности, sap.ui.define (хотя он поддерживает require.js и define…). Поэтому завершение кода и навигация неточны. Вы можете улучшить это поведение, используя JSDoc @type, который, по общему признанию, неудобен и работает только для vars, а не для параметров функции D:
Завершение кода XMLView и XMLFragment
Настроить завершение кода XML с помощью схем UI5 (это маленькая
вещь, которую написал я) так же просто.
$ npm install -g ui5-schemas
$ ui5-schemas
Шаблоны файлов
Еще одна приятная особенность WebStorm - настраиваемые Файловые шаблоны. Ханс-Петер Зейтц написал хороший материал по этой теме. Есть еще Живые шаблоны, на которые стоит обратить внимание.
Чтобы узнать больше о проектах сообщества, связанных с openui5, посетите openui5.org.
Ваше здоровье
Крис
Кристиан - один из первых пользователей SAPUI5 и разработчик SAP Fiori Wave1. В качестве фрилансера, консультанта по технологиям и тренера он поддерживает различных клиентов и проекты. Он специализируется на инфраструктуре разработки, архитектуре внешнего интерфейса, непрерывной интеграции и полнофункциональном JavaScript. Темы, которые он постоянно пытается применить к миру SAPUI5.
Кристиан не связан и не оплачивается JetBrains;)