ชุดกฎที่ใช้จริงโดยทั่วไป
ประยุกต์ใช้ชุดกฎ ESLint และ Prettier ยอดนิยมที่ใช้ในโครงการโอเพนซอร์สและโครงการของบริษัท เพื่อลดเวลาในการตั้งค่า
ชุดกฎที่ใช้จริงโดยทั่วไป เป็นบทเรียน TypeScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน TypeScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
บทนำ
เป้าหมาย: เรียนรู้การใช้ ชุดกฎ จากชุมชน เช่น airbnb standard และ google เพื่อให้รูปแบบสอดคล้องกันโดยไม่ต้องปรับแต่งด้วยตนเอง
การกำหนดค่า Airbnb
Airbnb เป็นรูปแบบที่เข้มงวดยอดนิยม โดยเฉพาะสำหรับ React บังคับใช้การใส่อัฒภาค การเว้นวรรค และแนวทางปฏิบัติที่ดีของ React
npm install --save-dev eslint-config-airbnb-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooksการกำหนดค่า Standard
Standard เรียบง่ายกว่า คือไม่ใช้อัฒภาค ต้องกำหนดค่าเพียงเล็กน้อย และใช้กันอย่างแพร่หลายในโครงการ Node
npm install --save-dev eslint-config-standard eslint-plugin-import eslint-plugin-n eslint-plugin-promiseการกำหนดค่า Google
การกำหนดค่า Google มุ่งเน้นความสามารถในการอ่านและความชัดเจน และใช้ในฐานโค้ดขนาดใหญ่
npm install --save-dev eslint-config-googleผสานการกำหนดค่า
คุณสามารถขยายการกำหนดค่าหลายชุดได้ เช่น Airbnb + Prettier + กฎ TS ตรวจสอบให้แน่ใจว่าได้ตั้งค่า parserOptions.project สำหรับกฎที่เข้าใจชนิดข้อมูล
// .eslintrc.js example
module.exports = {
extends: [
"airbnb-typescript/base",
"plugin:prettier/recommended"
],
parserOptions: {
project: "./tsconfig.json"
}
}การจัดแนวทีม
เลือกชุดกฎหนึ่งชุดต่อโครงการเพื่อหลีกเลี่ยงการถกเถียงเรื่องรูปแบบไม่รู้จบ ให้ทีมเห็นพ้องกับชุดกฎนั้น แล้วมุ่งความสนใจไปที่ฟีเจอร์
คำถาม
ตรวจสอบอย่างรวดเร็ว: เหตุใดจึงใช้ชุดกฎ Airbnb หรือ Standard
สรุปทบทวน
สรุปทบทวน: การกำหนดค่าที่ได้รับความนิยม ได้แก่ Airbnb, Standard และ Google ช่วยลดการตั้งค่าและทำให้โค้ดมีรูปแบบสอดคล้องกันในทุกทีม
คำถามที่พบบ่อย
บทเรียน “ชุดกฎที่ใช้จริงโดยทั่วไป” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “ชุดกฎที่ใช้จริงโดยทั่วไป” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส TypeScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส TypeScript Academy มีบทเรียนทั้งหมด 3 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “ชุดกฎที่ใช้จริงโดยทั่วไป”
ประยุกต์ใช้ชุดกฎ ESLint และ Prettier ยอดนิยมที่ใช้ในโครงการโอเพนซอร์สและโครงการของบริษัท เพื่อลดเวลาในการตั้งค่า คุณปฏิบัติ TypeScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน TypeScript Academy หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน TypeScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 3 จากทั้งหมด 3 บทเรียน
บทเรียน “ชุดกฎที่ใช้จริงโดยทั่วไป” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน TypeScript Academy นี้ได้ไหม
ได้ บทเรียน TypeScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- ESLint และ @typescript-eslint
- การผสาน Prettier และความขัดแย้งของกฎ
- ชุดกฎที่ใช้จริงโดยทั่วไป