Процесс разработки¶
Для разработки будет выдан шаблонный проект с набором конфигурационных файлов.
Для работы потребуется установить Node.js.
Для разработки используется язык typescript – это надстройка на javascript, добавляющая возможность строгой типизации.
Нужно установить все зависимости из package.json:
npm install
В качестве редактора мы рекомендуем использовать vs code или sublime.
VS Code¶
Полезные расширения:
-
Eslint
– “полиция моды” для es6 js-файлов (указывает на неправильное форматирование и стиль кода); -
Tslint
– “полиция моды” для typescript файлов; -
Oceanic_next theme
– приятная цветовая схема; -
Prettify JSON
– преобразует json-строку в json-структуру с отступами.
Расширения ставятся стандартным для VS Code способом: в панели расширения в поисковой строке пишете названия расширений.
Шаблонный проект¶
В состав сборки входит папка WebClient SDK
со следующей структурой:
-
dts – папка с описанием API для работы intellisense в typescript;
-
src/default – дефолтные расширения;
-
src/default/examples – примеры расширений;
-
wwwroot/extensions – тут будут размещаться “скомпилированные” js-расширения;
-
.babelrc, .eslintrc, .tslint – конфигурационные файлы для указания стиля кода;
-
package.json – описание внешних зависимостей;
-
webpack.config – конфигурация процесса компиляции.
Для сборки расширений нужно в корне папки выполнить команду:
npm run build
Добавление расширений¶
Для того чтобы добавить свои расширения необходимо создать новую папку рядом с default, где будет лежать код всех новых расширений. Добавить registrator.ts по аналогии с регистраторами из default. И включить его в bundle добавив путь в default/index.ts
import '../myExtensions/registrator';