หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

ฟังก์ชันและแผนงาน

โปรดตรวจสอบปัญหาเพื่อดูว่ามีคุณสมบัติบางอย่างที่จะนำไปใช้หรือไม่

คุณมีความคิดเกี่ยวกับเครื่องมือหรือไม่? ส่งคำขอคุณสมบัติ!

โฮสต์ตนเอง

โซลูชั่นโฮสต์ตนเองสำหรับ homelab ของคุณ

จาก Docker Hub: 

docker run -d --name it-tools --restart unless-stopped -p 8080:80 corentinth/it-tools:latest

จากแพ็คเกจ GitHub: 

docker run -d --name it-tools --restart unless-stopped -p 8080:80 ghcr.io/corentinth/it-tools:latest

วิธีแก้ปัญหาอื่น ๆ :

  • เมฆ
  • Tipi
  • ไม่กลัว

มีส่วนช่วย

การตั้งค่า IDE ที่แนะนำ

VSCODE กับส่วนขยายต่อไปนี้:

  • Volar (และปิดการใช้งาน Vetur)
  • ปลั๊กอิน Vue TypeScript (Volar)
  • eslint
  • i18n พันธมิตร

ด้วยการตั้งค่าต่อไปนี้: 

{
  "editor.formatOnSave" : false ,
  "editor.codeActionsOnSave" : {
    "source.fixAll.eslint" : true
  },
  "i18n-ally.localesPaths" : [ " locales " , " src/tools/*/locales " ],
  "i18n-ally.keystyle" : " nested "
}

พิมพ์การสนับสนุนสำหรับ .vue นำเข้า. ใน TS

TypeScript ไม่สามารถจัดการข้อมูลประเภทสำหรับ .vue นำเข้า. โดยค่าเริ่มต้นดังนั้นเราจึงแทนที่ tsc CLI ด้วย vue-tsc สำหรับการตรวจสอบประเภท ในบรรณาธิการเราต้องใช้ปลั๊กอิน Vue TypeScript (Volar) เพื่อให้บริการภาษา TypeScript ตระหนักถึงประเภท .vue

หากปลั๊กอิน typealone typealone ไม่รู้สึกเร็วพอสำหรับคุณ Volar ได้ใช้โหมด Take Over ที่มีประสิทธิภาพมากกว่า คุณสามารถเปิดใช้งานได้โดยขั้นตอนต่อไปนี้:

  1. ปิดการใช้งานส่วนขยาย typescript ในตัว
    1. Run Extensions: Show Built-in Extensions จากจานคำสั่งของ VSCODE
    2. ค้นหา TypeScript and JavaScript Language Features คลิกขวาและเลือก Disable (Workspace)
  2. โหลดหน้าต่าง VSCODE ใหม่โดยเรียกใช้ Developer: Reload Window จากจานคำสั่ง

การตั้งค่าโครงการ 

pnpm install

รวบรวมและโหลดร้อนเพื่อการพัฒนา 

pnpm dev

ประเภทตรวจสอบรวบรวมและ minify สำหรับการผลิต 

pnpm build

เรียกใช้การทดสอบหน่วยด้วย Vitest 

pnpm test

ผ้าสำลีกับ ESLINT 

pnpm lint

สร้างเครื่องมือใหม่

ในการสร้างเครื่องมือใหม่มีสคริปต์ที่สร้างหม้อไอน้ำของเครื่องมือใหม่เพียงแค่เรียกใช้: 

pnpm run script:create:tool my-tool-name

มันจะสร้างไดเรกทอรีใน src/tools ด้วยไฟล์ที่ถูกต้องและการนำเข้าใน src/tools/index.ts คุณจะต้องเพิ่มเครื่องมือที่นำเข้าในหมวดหมู่ที่เหมาะสมและพัฒนาเครื่องมือ

ผู้มีส่วนร่วม

ขอบคุณมากสำหรับทุกคนที่มีส่วนร่วมแล้ว!

การให้เครดิต

เขียนรหัสด้วย❤โดย Corentin Thomasset

โครงการนี้มีการปรับใช้อย่างต่อเนื่องโดยใช้ vercel.com

กราฟผู้สนับสนุนถูกสร้างขึ้นโดยใช้ contrib.rocks

ใบอนุญาต

โครงการนี้อยู่ภายใต้ GNU GPLV3

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