หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

ด้านล่างนี้เป็นขั้นตอนในการทำให้วิดเจ็ตของคุณทำงาน คุณสามารถค้นหาคำแนะนำได้ที่:

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 ให้ข้อมูลเกี่ยวกับ FIGMA API ในขณะที่คุณกำลังเขียนโค้ดรวมถึงวิธีการจับข้อบกพร่องที่คุณไม่ได้สังเกตเห็นก่อนหน้านี้

สำหรับข้อมูลเพิ่มเติมโปรดเยี่ยมชม https://www.typescriptlang.org/

การใช้ TypeScript ต้องใช้คอมไพเลอร์เพื่อแปลง TypeScript (widget-src/code.tsx) เป็น JavaScript (dist/code.js) เพื่อให้เบราว์เซอร์เรียกใช้ เราใช้ Esbuild เพื่อทำสิ่งนี้เพื่อเรา

เราขอแนะนำให้เขียนโค้ด TypeScript โดยใช้ Visual Studio Code:

  1. ดาวน์โหลด Visual Studio Code หากคุณยังไม่ได้: https://code.visualstudio.com/
  2. เปิดไดเรกทอรีนี้ใน Visual Studio Code
  3. Compile Typescript ไปยัง JavaScript: เรียกใช้รายการเมนู "Terminal> เรียกใช้งาน ... " จากนั้นเลือก "NPM: Watch" คุณจะต้องทำสิ่งนี้อีกครั้งทุกครั้งที่คุณเปิดรหัส Visual Studio อีกครั้ง

แค่ไหน! Visual Studio Code จะสร้างไฟล์ JavaScript ใหม่ทุกครั้งที่คุณบันทึก

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด