Unduh shikitor - Unduh Kode Sumber shikitor

shikitor

Sumber daya lainnya

1.0.0

Unduh

Shikitor (四季多)

Keterangan

Editor kode sederhana dan ringan untuk web.

| en-us | 中文 |

Cara menggunakan

CDN

Bagi banyak pengguna yang ingin mengalami alat ini, CDN adalah pilihan yang baik. Anda dapat langsung memperkenalkan alat ini ke dalam proyek Anda dan mulai menggunakannya. Anda mungkin memiliki kebiasaan penggunaan yang berbeda. Di sini saya memberi Anda beberapa metode sederhana untuk memperkenalkan alat ini. Di bawah ini adalah beberapa tautan contoh sederhana, Anda dapat mengklik untuk melihat file yang sesuai.

esm
ESM adalah pilihan yang baik, memungkinkan Anda menggunakan sintaks impor untuk memperkenalkan alat ini dalam proyek. Ini juga merupakan metode ekspor default Shiki, yang relatif nyaman digunakan.
Plugin ESM +
Fungsi pluggability selalu menjadi bagian yang sangat penting dari filosofi desain kode saya. Di sini Anda dapat melihat cara memperkenalkan plugin ekspansi fungsi.
Umd
Jika Anda tidak ingin menggunakan ESM, maka UMD mungkin menjadi pilihan yang baik. Ini memungkinkan Anda menggunakan tag skrip untuk memperkenalkan alat ini dalam proyek. (Tetapi pada kenyataannya, bagi Shiki, itu mungkin bukan contoh yang baik, saya perlu waktu untuk membuatnya lebih baik mencerminkan keunggulan UMD)

Node.js

Untuk beberapa pengguna yang ingin menggunakan alat ini dalam proses kompilasi, mungkin merupakan pilihan yang lebih baik untuk menginstal dependensi melalui manajemen paket dan kemudian memperkenalkan alat ini dalam kode.

Instal dependensi

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

Perkenalkan dalam kode

 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'
} )