Cloudinary React Image to Blog AI

ตอบสนอง + TypeScript + Vite

เทมเพลตนี้มีการตั้งค่าขั้นต่ำเพื่อให้ React ทำงานใน Vite ด้วย HMR และกฎ ESLint บางอย่าง

ปัจจุบันมีปลั๊กอินอย่างเป็นทางการสองตัวให้เลือก:

• @vitejs/plugin-react ใช้ Babel เพื่อการรีเฟรชอย่างรวดเร็ว
• @vitejs/plugin-react-swc ใช้ SWC สำหรับการรีเฟรชอย่างรวดเร็ว

การขยายการกำหนดค่า ESLint

หากคุณกำลังพัฒนาแอปพลิเคชันที่ใช้งานจริง เราขอแนะนำให้อัปเดตการกำหนดค่าเพื่อเปิดใช้งานกฎ Lint ที่ทราบประเภท:

• กำหนดค่าคุณสมบัติ parserOptions ระดับบนสุดดังนี้:

 export default {
  // other rules...
  parserOptions : {
    ecmaVersion : 'latest' ,
    sourceType : 'module' ,
    project : [ './tsconfig.json' , './tsconfig.node.json' ] ,
    tsconfigRootDir : __dirname ,
  } ,
}

• แทนที่ plugin:@typescript-eslint/recommended เป็น plugin:@typescript-eslint/recommended-type-checked หรือ plugin:@typescript-eslint/strict-type-checked
• เลือกที่จะเพิ่ม plugin:@typescript-eslint/stylistic-type-checked
• ติดตั้ง eslint-plugin-react และเพิ่ม plugin:react/recommended & plugin:react/jsx-runtime ลงในรายการ extends