Espruino:Примеры/Typescript и Visual Studio Code

Материал из Онлайн справочника
Перейти к навигацииПерейти к поиску

Перевод: Максим Кузьмин (Cubewriter) Контакты:</br>* Skype: cubewriter</br>* E-mail: cubewriter@gmail.com</br>* Максим Кузьмин на freelance.ru
Проверка/Оформление/Редактирование: Мякишев Е.А.


Typescript и Visual Studio Code[1]

Typescript – это язык программирования, расширяющий возможности JavaScript. В нём поддерживается аннотация типов, а также вывод типов. Кроме того, он может компилировать более современные версии ECMAScript в версии постарше вроде ES5.

Visual Studio Code – это «лёгкий» редактор кода, в котором поддерживается автодополнение ввода, подсветка синтаксиса и рефакторинг кода.

В этом руководстве мы расскажем, как при помощи языка Typescript и редактора Visual Studio Code IDE компилировать Typescript-код в ES5-код (JavaScript 5).

Клон рабочего примера можно сделать отсюда.

В нашем проекте задачи сборки будут запускаться с помощью gulp, компиляция Typescript-кода в JavaScript-код будет выполняться с помощью Typescript, а подготовка кода для Espruino и его загрузка на плату – при помощи espruino-cli.

Описание типов данных Typescript для Espruino взято из этого пакета.

Как использовать

Установите Visual Studio Code, nodejs v6+.

Скопируйте вот этот модуль в директорию «espruino-ts-quickstart». Внутри этой директории запустите команду npm install. Она должна установить все необходимые модули.

Затем внутри директории «espruino-ts-quickstart» запустите команду code.

Это запустит редактор Visual Studio Code и откроет проект.

Typescript and Visual Studio Code IDE main-screen.png

У этого проекта 3 задачи сборки: build, espruino-console и send-to-espruino-console. Чтобы получить к ним доступ, нажмите  Ctrl + ⇧ Shift + B .

Typescript and Visual Studio Code IDE build-commands.png

Команда build компилирует TS-код в JavaScript-код и подготавливает его для использования в Espruino.

Typescript and Visual Studio Code IDE build-output.png

Команда espruino-console запускает консоль Espruino (скачайте из репозитория и настройте конфигурационный файл env-config.yaml).

Typescript and Visual Studio Code IDE espruino-console.png

Команда send-to-espruino-console загружает скомпилированный файл на плату (перед использованием этой команды запустите консоль Espruino). Запустив эту команду, переключитесь обратно на вид espruino-console.

Структура проекта

Файл src/app.ts – код-пример для компиляции и выполнения.

Файл app-config.yaml – файл для настройки приложения. Используется для генерации файла с исходным кодом src/app-config.ts, который можно использовать в коде.

Файл app-config.user.yaml – файл для перезаписи настроек приложения (не для git-файла). Значения этого файла будут использоваться вместо соответствующих значений в файле app-config.yaml.

Файл gulpfile.js – файл с задачами сборки.

См.также

Внешние ссылки