الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

فيما يلي خطوات تشغيل عنصر واجهة المستخدم. يمكنك أيضًا العثور على إرشادات في:

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 أثناء كتابة التعليمات البرمجية ، بالإضافة إلى المساعدة في التقاط الأخطاء التي لم تلاحظها سابقًا.

لمزيد من المعلومات ، يرجى زيارة https://www.typescriptlang.org/

يتطلب استخدام TypeScript برنامج التحويل البرمجي لتحويل TypeScript (عنصر واجهة المستخدم/الكود. نستخدم esbuild للقيام بذلك من أجلنا.

نوصي بكتابة رمز TypeScript باستخدام رمز Visual Studio:

  1. قم بتنزيل رمز Visual Studio إذا لم تكن بالفعل: https://code.visualstudio.com/.
  2. افتح هذا الدليل في Visual Studio Code.
  3. ترجمة TypeScript إلى JavaScript: قم بتشغيل "Terminal> Build Task ..." عنصر القائمة ، ثم حدد "NPM: Watch". سيتعين عليك القيام بذلك مرة أخرى في كل مرة تقوم فيها بإعادة فتح رمز الاستوديو المرئي.

هذا كل شيء! سيقوم Visual Studio Code بتجديد ملف JavaScript في كل مرة تقوم فيها بحفظها.

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل