เคยไหม? เขียนโค้ดเสร็จ แต่ format ไม่สวย อ่านยาก 😩
Prettier ช่วยคุณได้! 🪄
Prettier เป็นตัวจัดรูปแบบโค้ดอัตโนมัติ ช่วยให้โค้ดของคุณสวยงาม อ่านง่าย และเป็นระเบียบ โดยไม่ต้องเสียเวลาจัด format เอง
เมื่อสร้างโปรเจ็กต์มากขึ้นเรื่อยๆ ฉันได้มองหาวิธีที่จะแบ่งปันไฟล์กำหนดค่า Prettier
โชคดีที่ Prettier
รองรับฟีเจอร์นี้แล้ว
คุณต้องเผยแพร่โมดูลที่มีการตั้งค่า Prettier ที่ปรับแต่งเองเท่านั้น
วิธีทำ
1.สร้างไฟล์
-
package.json
เก็บข้อมูลโมดูล -
index.json
เก็บการตั้งค่าPrettier
2.ใส่ข้อมูลในไฟล์
package.json
{
"name": "@your-name/prettier-config",
"version": "1.0.1",
"description": "Prettier Config",
"main": "index.json",
"license": "MIT",
"keywords": [
"prettier",
"prettier-config"
],
"repository": {
"type": "git",
"url": "https://github.com/"
},
"homepage": "https://github.com/"
}
index.json
{
"semi": true,
"singleQuote": true,
"tabWidth": 2,
"trailingComma": "none",
"printWidth": 100
}
3. publish โมดูล
4. ใช้ในโปรเจ็กต์อื่น
หากคุณต้องการใช้การตั้งค่า Prettier ที่แชร์ไว้ในโปรเจ็กต์อื่น คุณต้องอ้างอิงถึงมันในไฟล์ manifest package.json ของโปรเจ็กต์ของคุณโดยเพิ่มพารามิเตอร์ prettier:
ตัวอย่าง
{
"name": "my-cool-library",
// ...
"prettier": "@your-name-here/prettier-config"
// ...
}
แค่นี้ก็เรียบร้อย!
ลองใช้ Prettier
เพื่อจัดรูปแบบโค้ดให้สวยงามและอ่านง่าย
Top comments (0)