🌐 ภาษา

prettier-plugin-classnames

ปลั๊กอิน Prettier ที่ช่วยจัดเรียงชื่อคลาสที่ยาวโดยอิงตามตัวเลือก printWidth

การติดตั้ง[^1]

npm install -D prettier prettier-plugin-classnames

[^1]: หากเวอร์ชันของ prettier-plugin-classnames ของคุณต่ำกว่า 0.4.0 คุณจะต้องติดตั้ง @prettier/sync ด้วย

การตั้งค่า

ตัวอย่าง JSON:

{
  "plugins": ["prettier-plugin-classnames"]
}

ตัวอย่าง JS (โมดูล CommonJS):

module.exports = {
  plugins: ['prettier-plugin-classnames'],
  customAttributes: ['myClassProp'],
  customFunctions: ['clsx'],
};

ตัวอย่าง JS (ES module):

export default {
  plugins: ['prettier-plugin-classnames'],
  endingPosition: 'absolute',
};

ตัวเลือก

  --------------------------------------------------| printWidth=50
  export function Callout({ children }) {
    return (
      
        {children}
      
    );
  }
  ``ตัวอย่าง relative:
  
`
  --------------------------------------------------| printWidth=50
  export function Callout({ children }) {
    return (
      
        {children}
      
    );
  }
  `
ค่าเริ่มต้น | การแทนที่ CLI  | การแทนที่ API 
--- | --- | ---
"absolute" | --ending-position  | endingPosition: ""
การแปลงไวยากรณ์
เริ่มใช้งานได้ตั้งแต่ v0.7.7
หากเกิดการตัดบรรทัดในชื่อคลาสที่เขียนด้วยไวยากรณ์ที่ไม่ใช่นิพจน์ จะถูกแปลงเป็นไวยากรณ์แบบนิพจน์ การแปลงนี้ไม่รองรับการจัดรูปแบบย้อนกลับ

ค่าเริ่มต้น | การแทนที่ CLI  | การแทนที่ API 
--- | --- | ---
false | --syntax-transformation | syntaxTransformation: 
ความสัมพันธ์ของเวอร์ชันกับปลั๊กอินที่เกี่ยวข้อง
เริ่มต้นตั้งแต่เวอร์ชัน 0.6.0 เมื่อมีการออกเวอร์ชันย่อยในฝั่งหนึ่ง ฉันมีแผนจะสะท้อนการเปลี่ยนแปลงนั้นไปยังอีกฝั่งหนึ่งด้วยหากเป็นไปได้
ความเข้ากันได้กับปลั๊กอิน Prettier อื่น ๆ
หากมีปลั๊กอิน Prettier มากกว่าหนึ่งที่สามารถจัดรูปแบบข้อความที่คุณต้องการ Prettier จะใช้เฉพาะปลั๊กอินตัวสุดท้ายเท่านั้นในกรณีนี้ คุณสามารถกำหนดค่าได้ดังนี้โดยเพิ่ม prettier-plugin-merge เพื่อให้ปลั๊กอินเหล่านั้นทำงานตามลำดับ
ตัวอย่าง JSON:

json
{
  "plugins": [
    "prettier-plugin-tailwindcss",
    "prettier-plugin-classnames",
    "prettier-plugin-merge"
  ]
}

--- Tranlated By Open Ai Tx | Last indexed: 2025-09-09 ---

prettier-plugin-classnames

prettier-plugin-classnames

การติดตั้ง[^1]

การตั้งค่า

ตัวเลือก

คุณสมบัติที่กำหนดเอง

ฟังก์ชันที่กำหนดเอง

ตำแหน่งสิ้นสุด

`การแปลงไวยากรณ์`

`ความสัมพันธ์ของเวอร์ชันกับปลั๊กอินที่เกี่ยวข้อง`

`ความเข้ากันได้กับปลั๊กอิน Prettier อื่น ๆ`