หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

คำแนะนำแบบรวมศูนย์สำหรับฐาน TSConfig

โฮสต์ TSConfigs เพื่อให้คุณขยายแอปของคุณ โดยปรับให้เข้ากับสภาพแวดล้อมรันไทม์เฉพาะ ชุมชนเป็นเจ้าของและปรับปรุง โดยทั่วไปแล้วพิมพ์สำหรับ TSConfigs อย่างแน่นอน

เรากำหนดเป้าหมาย TypeScript เวอร์ชันเสถียรล่าสุด โปรดทราบว่าเนื่องจากเราต้องการให้สอดคล้องกับการกำหนดเวอร์ชันของรันไทม์เป้าหมาย เราจึงไม่สามารถเผยแพร่ semver ได้เสมอไป

ตาราง TSConfigs

ชื่อ บรรจุุภัณฑ์
ที่แนะนำ @tsconfig/recommended
บุญ @tsconfig/bun
สร้างแอป React @tsconfig/create-react-app
ไซเปรส @tsconfig/cypress
เดโน่ @tsconfig/deno
ดอคซอรัส เวอร์ชั่น 2 @tsconfig/docusaurus
ถ่าน @tsconfig/ember
เน็กซ์.เจส @tsconfig/next
โหนด LTS @tsconfig/node-lts
โหนด 10 @tsconfig/node10
โหนด 12 @tsconfig/node12
โหนด 14 @tsconfig/node14
โหนด 16 @tsconfig/node16
โหนด 17 @tsconfig/node17
โหนด 18 @tsconfig/node18
โหนด 19 @tsconfig/node19
โหนด 20 @tsconfig/node20
โหนด 21 @tsconfig/node21
โหนด 22 @tsconfig/node22
นัท @tsconfig/nuxt
ตอบสนองพื้นเมือง @tsconfig/react-native
รีมิกซ์ @tsconfig/remix
เข้มงวดที่สุด @tsconfig/strictest
เฉียบแหลม @tsconfig/svelte
เผือก @tsconfig/taro
ไวต์รีแอค @tsconfig/vite-react

TSConfigs ที่ใช้งานได้

แนะนำ tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/recommended
yarn add --dev @tsconfig/recommended

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/recommended/tsconfig.json "

บุญ tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/bun
yarn add --dev @tsconfig/bun

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/bun/tsconfig.json "

สร้างแอป React tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/create-react-app
yarn add --dev @tsconfig/create-react-app

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/create-react-app/tsconfig.json "

ไซเปรส tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/cypress
yarn add --dev @tsconfig/cypress

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/cypress/tsconfig.json "

เดโน tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/deno
yarn add --dev @tsconfig/deno

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/deno/tsconfig.json "

ดอคูซอรัส v2 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/docusaurus
yarn add --dev @tsconfig/docusaurus

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/docusaurus/tsconfig.json "

หมายเหตุ : คุณอาจต้องเพิ่ม "baseUrl": "." ไปยัง tsconfig.json ของคุณเพื่อรองรับความละเอียดไฟล์ที่เหมาะสม

ถ่าน tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/ember
yarn add --dev @tsconfig/ember

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/ember/tsconfig.json "

หมายเหตุ : คุณอาจต้องเพิ่ม "baseUrl": "." ไปยัง tsconfig.json ของคุณเพื่อรองรับความละเอียดไฟล์ที่เหมาะสม

Next.js tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/next
yarn add --dev @tsconfig/next

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/next/tsconfig.json "

โหนด LTS (22) tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node-lts
yarn add --dev @tsconfig/node-lts

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node-lts/tsconfig.json "

โหนด 10 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node10
yarn add --dev @tsconfig/node10

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node10/tsconfig.json "

โหนด 12 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node12
yarn add --dev @tsconfig/node12

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node12/tsconfig.json "

โหนด 14 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node14
yarn add --dev @tsconfig/node14

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node14/tsconfig.json "

โหนด 16 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node16
yarn add --dev @tsconfig/node16

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node16/tsconfig.json "

โหนด 17 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node17
yarn add --dev @tsconfig/node17

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node17/tsconfig.json "

โหนด 18 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node18
yarn add --dev @tsconfig/node18

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node18/tsconfig.json "

โหนด 19 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node19
yarn add --dev @tsconfig/node19

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node19/tsconfig.json "

โหนด 20 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node20
yarn add --dev @tsconfig/node20

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node20/tsconfig.json "

โหนด 21 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node21
yarn add --dev @tsconfig/node21

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node21/tsconfig.json "

โหนด 22 tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/node22
yarn add --dev @tsconfig/node22

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/node22/tsconfig.json "

Nuxt tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/nuxt
yarn add --dev @tsconfig/nuxt

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/nuxt/tsconfig.json "

หมายเหตุ : คุณอาจต้องเพิ่ม "baseUrl": "." ไปยัง tsconfig.json ของคุณเพื่อรองรับความละเอียดไฟล์ที่เหมาะสม

ตอบสนอง Native tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/react-native
yarn add --dev @tsconfig/react-native

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/react-native/tsconfig.json "

รีมิกซ์ tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/remix
yarn add --dev @tsconfig/remix

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/remix/tsconfig.json "

หมายเหตุ : คุณอาจต้องเพิ่ม "baseUrl": "." ไปยัง tsconfig.json ของคุณเพื่อรองรับความละเอียดไฟล์ที่เหมาะสม

tsconfig.json ที่เข้มงวดที่สุด

ติดตั้ง: 

npm install --save-dev @tsconfig/strictest
yarn add --dev @tsconfig/strictest

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/strictest/tsconfig.json "

ปรับแต่ง tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/svelte
yarn add --dev @tsconfig/svelte

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/svelte/tsconfig.json "

หมายเหตุ : หลังจาก @tsconfig/[email protected] คุณควรเพิ่ม /// <reference types="svelte" /> ลงในไฟล์ d.ts หรือ index.ts (entry) เพื่อป้องกันข้อผิดพลาดของ typescript

เผือก tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/taro
yarn add --dev @tsconfig/taro

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/taro/tsconfig.json "

ทำปฏิกิริยากับ tsconfig.json

ติดตั้ง: 

npm install --save-dev @tsconfig/vite-react
yarn add --dev @tsconfig/vite-react

เพิ่มใน tsconfig.json ของคุณ: 

 "extends" : " @tsconfig/vite-react/tsconfig.json "

แล้วการกำหนดค่าแบบรวมล่ะ?

เนื่องจากข้อจำกัดก่อนหน้านี้ในระบบส่วนขยายการกำหนดค่าของ TypeScript repo นี้จึงใช้เพื่อจัดเตรียมการกำหนดค่าแบบรวมจากฐานทั่วไปบางส่วน (เช่น Node + ESM, Node + Strictest เป็นต้น)

ขณะนี้ปัญหานี้เป็นปัญหาตั้งแต่ TypeScript v5.0.0 ซึ่งให้ความสามารถในการขยายจากการกำหนดค่าหลายรายการพร้อมกัน ตัวอย่างเช่น หากคุณต้องการเริ่มต้นจากการกำหนดค่าฐาน Node 18 + Strictest คุณสามารถติดตั้งทั้งแพ็คเกจ @tsconfig/node18 และ @tsconfig/strictest และขยายการกำหนดค่าเหล่านั้นดังนี้: 

 // tsconfig.json
{
  "extends" : [ "@tsconfig/strictest/tsconfig" , "@tsconfig/node18/tsconfig" ]
}

คุณสามารถดูผลลัพธ์ของการกำหนดค่าที่รวมกันได้ผ่าน tsc --showConfig

แล้ว @tsconfig/esm ล่ะ?

เราเลิกใช้งานแล้วเพื่อสนับสนุนการตั้งค่า module/moduleResolution ให้กับ node/bundler

มีส่วนร่วม 

git clone https://github.com/tsconfig/bases.git tsconfig-bases
cd tsconfig-bases

จากนั้นแก้ไขไฟล์ tsconfig.json ใน bases/

ทุกเช้าจะมี GitHub Action ซึ่งจะปรับใช้ฐานที่เปลี่ยนแปลงไป

หากต้องการสร้าง TSConfig ที่แนะนำซึ่งสร้างผ่าน tsc --init ให้รัน: 

deno run --allow-read --allow-run --allow-env --allow-write --allow-net scripts/generate-recommend.ts

กำลังพัฒนา

สร้างชุดแพ็คเกจ npm ผ่าน: 

deno run --allow-read --allow-write --allow-net scripts/create-npm-packages.ts

คุณสามารถตรวจสอบได้ใน packages/ โฟลเดอร์ จากนั้นนำไปใช้งานโดยส่งผ่านเส้นทางไปยังไฟล์ฐานผ่าน stdin: 

deno run --allow-read --allow-run --allow-env --allow-net scripts/deploy-changed-npm-packages.ts

ไฟล์ที่เหลือใน repo นี้มีไว้สำหรับปรับใช้ ซึ่งใช้ Deno 1.0

หากคุณเพิ่มไฟล์ json ใหม่ โปรดเรียกใช้ deno run --allow-read --allow-write scripts/update-markdown-readme.ts เพื่ออัปเดต README

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