figchat

Di bawah ini adalah langkah -langkah untuk menjalankan widget Anda. Anda juga dapat menemukan instruksi di:

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

Templat widget ini menggunakan TypeScript dan NPM, dua alat standar dalam membuat aplikasi JavaScript.

Pertama, unduh node.js yang dilengkapi dengan NPM. Ini akan memungkinkan Anda untuk menginstal TypeScript dan perpustakaan lainnya. Anda dapat menemukan tautan unduhan di sini:

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

Selanjutnya, instal TypeScript, EsBuild dan definisi tipe terbaru dengan menjalankan:

Instal NPM

Jika Anda terbiasa dengan JavaScript, TypeScript akan terlihat sangat akrab. Faktanya, kode JavaScript yang valid sudah menjadi kode TypeScript yang valid.

TypeScript menambahkan jenis anotasi ke variabel. Ini memungkinkan editor kode seperti Visual Studio Code untuk memberikan informasi tentang FIGMA API saat Anda menulis kode, serta membantu menangkap bug yang sebelumnya tidak Anda perhatikan.

Untuk informasi lebih lanjut, kunjungi https://www.typescriptlang.org/

Menggunakan TypeScript memerlukan kompiler untuk mengonversi TypeScript (widget-src/code.tsx) menjadi JavaScript (dist/code.js) untuk dijalankan oleh browser. Kami menggunakan Esbuild untuk melakukan ini untuk kami.

Kami merekomendasikan menulis kode TypeScript menggunakan kode studio visual:

1. Unduh kode studio visual jika Anda belum: https://code.visualstudio.com/.
2. Buka direktori ini dalam kode studio visual.
3. Compile TypeScript ke JavaScript: Jalankan item menu "Jalankan Terminal> Build Task ...", lalu pilih "NPM: Tonton". Anda harus melakukan ini lagi setiap kali Anda membuka kembali kode studio visual.

Itu saja! Visual Studio Code akan meregenerasi file JavaScript setiap kali Anda menyimpan.