تنزيل shikitor - تنزيل رمز المصدر shikitor

shikitor

موارد أخرى

1.0.0

تنزيل

شيكيتور (四季多)

وصف

محرر رمز بسيط وخفيف الوزن للويب.

| en-us | 中文 |

كيفية استخدام

CDN

بالنسبة للعديد من المستخدمين الذين يرغبون في تجربة الأداة ، يعد CDN اختيارًا جيدًا. يمكنك تقديم هذه الأداة مباشرة في مشروعك والبدء في استخدامها. قد يكون لديك عادات استخدام مختلفة. أنا هنا أقدم لك العديد من الطرق البسيطة لتقديم هذه الأداة. فيما يلي بعض روابط المثال البسيط ، يمكنك النقر لعرض الملفات المقابلة.

ESM
ESM هو خيار جيد ، فهو يتيح لك استخدام بناء جملة الاستيراد لتقديم هذه الأداة في المشروع. هذه هي أيضًا طريقة التصدير الافتراضية لـ SHIKI ، وهي مريحة نسبيًا للاستخدام.
ESM + الإضافات
لطالما كانت قابلية التواء في الوظائف جزءًا مهمًا جدًا من فلسفة تصميم الكود الخاصة بي. هنا يمكنك أن ترى كيفية تقديم الإضافات التوسع في الوظائف.
UMD
إذا كنت لا ترغب في استخدام ESM ، فقد يكون UMD خيارًا جيدًا. يتيح لك استخدام علامة البرنامج النصي لتقديم هذه الأداة في المشروع. (ولكن في الواقع ، بالنسبة لشيكي ، قد لا يكون ذلك مثالًا جيدًا ، فأنا بحاجة إلى بعض الوقت لجعله يعكس بشكل أفضل مزايا UMD)

node.js

بالنسبة لبعض المستخدمين الذين يرغبون في استخدام هذه الأداة في عملية التجميع ، قد يكون اختيارًا أفضل لتثبيت التبعيات من خلال إدارة الحزم ثم تقديم هذه الأداة في الكود.

تثبيت التبعيات

npm install @shikitor/core
# If you are using yarn
yarn add @shikitor/core

تقديم في الكود

 import '@shikitor/core/index.css'

import { create } from '@shikitor/core'

const shikitor = create ( document . getElementById ( 'editor' ) , {
  value : 'console.log("Hello, Shikitor!")' ,
  language : 'javascript' ,
  theme : 'github-light'
} )