Перейти к содержанию

Процесс разработки

Для разработки будет выдан шаблонный проект с набором конфигурационных файлов.

Для работы потребуется установить 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';

Back to top