figchat

Ниже приведены шаги, чтобы запустить ваш виджет. Вы также можете найти инструкции по адресу:

https://www.figma.com/widget-docs/setup-guide/

Этот шаблон виджета использует TypeScript и NPM, два стандартных инструмента в создании приложений JavaScript.

Во -первых, скачать node.js, который поставляется с NPM. Это позволит вам установить TypeScript и другие библиотеки. Вы можете найти ссылку для скачивания здесь:

https://nodejs.org/en/download/

Далее, установите TypeScript, Esbuild и последние определения типа, работая:

NPM Установка

Если вы знакомы с JavaScript, TypeScript будет выглядеть очень знакомо. Фактически, действительный код JavaScript уже является действительным кодом TypeScript.

TypeScript добавляет типовые аннотации к переменным. Это позволяет редакторам кода, таким как Visual Studio Code, предоставлять информацию об API Figma во время питания кода, а также помогает поймать ошибки, которые вы ранее не заметили.

Для получения дополнительной информации посетите https://www.typescriptlang.org/

Использование TypeScript требует компилятора для преобразования TypeScript (Widget-src/code.tsx) в javaScript (dist/code.js) для запуска браузера. Мы используем Esbuild, чтобы сделать это для нас.

Мы рекомендуем написать код TypeScript с использованием кода Visual Studio:

1. Загрузите код Visual Studio, если вы еще этого не сделали: https://code.visualstudio.com/.
2. Откройте этот каталог в коде Visual Studio.
3. Компиляция TypeScript для JavaScript: запустите «Terminal> запустите задачу сборки ...». Вам придется делать это снова каждый раз, когда вы открываете код Visual Studio.

Вот и все! Visual Studio Code будет регенерировать файл JavaScript каждый раз, когда вы сохраняете.