ตัวแก้ไขรหัสที่เรียบง่ายและมีน้ำหนักเบาสำหรับเว็บ
- en-us | 中文 |
สำหรับผู้ใช้หลายคนที่ต้องการสัมผัสกับเครื่องมือ CDN เป็นตัวเลือกที่ดี คุณสามารถแนะนำเครื่องมือนี้ลงในโครงการของคุณโดยตรงและเริ่มใช้งานได้ คุณอาจมีนิสัยการใช้งานที่แตกต่างกัน ที่นี่ฉันให้วิธีง่ายๆหลายวิธีในการแนะนำเครื่องมือนี้ ด้านล่างนี้เป็นลิงค์ตัวอย่างง่ายๆคุณสามารถคลิกเพื่อดูไฟล์ที่เกี่ยวข้อง
ESM
ESM เป็นตัวเลือกที่ดีช่วยให้คุณใช้ไวยากรณ์นำเข้าเพื่อแนะนำเครื่องมือนี้ในโครงการ นี่เป็นวิธีการส่งออกเริ่มต้นของชิกิซึ่งค่อนข้างสะดวกในการใช้งาน
ESM + ปลั๊กอิน
ความสามารถในการต่อสู้ของฟังก์ชั่นเป็นส่วนสำคัญของปรัชญาการออกแบบรหัสของฉันเสมอ ที่นี่คุณสามารถดูวิธีแนะนำปลั๊กอินการขยายฟังก์ชั่น
umd
หากคุณไม่ต้องการใช้ ESM UMD อาจเป็นตัวเลือกที่ดี ช่วยให้คุณใช้แท็กสคริปต์เพื่อแนะนำเครื่องมือนี้ในโครงการ (แต่ในความเป็นจริงสำหรับชิกิมันอาจไม่ใช่ตัวอย่างที่ดีฉันต้องใช้เวลาสักครู่เพื่อให้ดีขึ้นสะท้อนข้อดีของ UMD)
สำหรับผู้ใช้บางคนที่ต้องการใช้เครื่องมือนี้ในกระบวนการรวบรวมอาจเป็นตัวเลือกที่ดีกว่าในการติดตั้งการพึ่งพาผ่านการจัดการแพ็คเกจแล้วแนะนำเครื่องมือนี้ในรหัส
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'
} ) Tab / Shift + Tab : Intent / outdent คุณสามารถใช้ Tab เพื่อเยื้องบรรทัดปัจจุบันหรือบรรทัดที่เลือกและใช้ Shift + Tab เพื่อล้าสมัย
@shikitor/core/plugins/code-styler
@shikitor/core/plugins/code-stylerCmd/Ctrl + ⬅️/➡️ : ข้ามไปที่จุดเริ่มต้น/สิ้นสุดบรรทัด

@shikitor/core/plugins/bracket-matcher
อาคาร...
มิกซ์