จะสร้างแถบเครื่องมือ Nx และเมนูสําหรับความไวแสงที่เพิ่มขึ้นได้อย่างไร

ทําไม แถบเครื่องมือ Nx และเมนู ที่กําหนดเอง จึง สําคัญ สําหรับ การ ไหล เวียนของคุณ

ผู้พัฒนาใช้เวลาส่วนใหญ่ในการประมวลผลคําสั่งทุกวัน -- การดําเนินการในการทดสอบ, การสร้างโครงการ, สร้างโค้ด, หรือส่งผ่านระหว่างพื้นที่การทํางาน Nx, โครงข่าย Nonerepo ที่มีประสิทธิภาพมาก มีอยู่อยู่แล้ว เสนอคุณสมบัติ CLI และ Nx Console ที่ดี แต่ผลิดจริงมาจาก การดัดแปลงส่วนติดต่อผู้ใช้ไปยังงานเฉพาะของคุณ แถบเครื่องมือและเมนูกําหนดเองและเปลี่ยนขอบเขตการทํางานของคุณจากพื้นที่ส่วนตัวเป็นศูนย์กลางการทํางานทั่วไปแทนการทําการตามล่าเมนูหรือ CLI คุณสามารถทําการกระตุ้นโดยปกติได้โดยคลิกบนบทความนี้ คุณจึงสามารถเดินผ่านกระบวนการสร้างและรักษาเมนูปรับแต่ง Nx และการจัดองค์ประกอบการทํางานแบบมีการจัดแต่ละวันได้

คอนเท็กซ์: แถบเครื่องมือ Nx และเมนูคืออะไร?

Nx languages มักจะมีโปรแกรมและไลบรารีหลาย ๆ โปรแกรม และแต่ละชุดของสคริปต์เอง (สร้าง, เสิร์ฟ, ทดสอบ, e2 , ฯลฯ) แถบเครื่องมือและเมนูต่าง ๆ จะให้ข้อมูลแบบกราฟิกอยู่เหนือคําสั่งเหล่านี้ ในรูปแบบ IDE เช่น รหัสสตูดิโอ หรือ เว็บสเตป หรือ เว็บไซด์ Nx Console ส่วนขยายนี้ได้เพิ่มความสามารถในโครงการ หรือ configriginal configritions configriginal configriginal config as config as config as expacter as excates, configors, configors, configs, config excumenter, configions (e) value, authors, authors, value); language, value, value, valueververations (eective). valuedate the kelectiveselectmentselective", value felectment, value firp.

ที่ ซึ่ง การ ทํา ให้ เป็น ตัว เอน เกิด ขึ้น

• [FLT: 0] ส่วนขยาย: Nx Console (WS, JetBrains) รองรับแฟ้มปรับแต่งขอบเขตการทํางาน (e.g.,[FLT: 0] หรือ[FLT: 1) ซึ่งคุณสามารถกําหนดงานได้โดยกําหนดเอง
• [FLT: 0] ตั้งค่า NEx Console:[FLT: 1) ภายในส่วนขยายนี้ คุณสามารถตั้ง "เครื่องราชอิสริยาภรณ์" และเครื่องควบคุมที่กําหนดเอง
• [FLT: 0] Keybindings และ Macros:[[FLT: 1) ผู้ใช้ระดับสูงสามารถล่ามคําสั่ง Nx ได้ โดยใช้เครื่องมือแบบ หรือ IDE Regracy System.
• [FLT: 0]. สคริปต์ภาษา: กําหนดสคริปต์ npm ใน ที่เรียกคําสั่ง Nx แล้วผูกมันเข้ากับธาตุยูไอ (พ.ศ.

โดยการกดชั้นเหล่านี้ คุณสามารถสร้างแถบเครื่องมือที่ครอบคลุมทุกอย่าง ตั้งแต่การพัฒนาท้องถิ่นจนถึงขั้นตอน CI/CD

คู่มือการขอข้อมูลแบบขั้นต่อวินาที เพื่อสร้างแถบเครื่องมือ Nx ที่ตั้งเอง

1. เตรียมเนื้อที่ของคุณสําหรับปรับแต่งเอง

ก่อนทําการเพิ่มองค์ประกอบ UI ใด ๆ เพื่อให้แน่ใจว่าขอบเขตการทํางานของคุณสะอาดและเป็นระเบียบ เรียกใช้ [FLT: 4] เพื่อสร้างภาพโครงการที่ขึ้นต่อกัน และทบทวน [FLT: 5] ของคุณสําหรับการปรับแต่งเป้าหมายที่มีอยู่ โปรดติดตั้งส่วนขยาย Nx Console รุ่นล่าสุดสําหรับ IDE. สําหรับรหัส VS, นี้รวมคุณสมบัติที่ทรงพลังเช่น แผ่นดิสก์และนักสํารวจโครงการ ซึ่งทําหน้าที่เป็นมูลนิธิสําหรับเพิ่มเติมที่กําหนดเอง

2. นิยาม คํา สั่ง ที่ มี มาก ที่ สุด ของ คุณ

แสดงรายการคําสั่งที่ทีมของคุณทํางานหลายครั้งต่อวัน ตัวอย่างทั่วไป:

• [FLT: 6] (โหมดนาฬิกา)
• [FLT: 7] (การทดสอบหน่วย)
• [FLT: 8]
• [FLT: 9]
• [FLT: 10] (ภาพประกอบ)

กําหนดใช้คําสั่งเป็นสิบคําสั่ง รายการนี้จะหมายถึงพื้นฐานของแถบเครื่องมือและเมนูต่าง ๆ ของคุณ

3. ใช้ Nx Console ที่สร้างใน "Favorite"

ส่วนขยาย Nx Console ให้คุณได้ทําการกําหนดโครงการและเป้าหมายเป็นรายการโปรด โดยด้านขวา-คลิกบนโครงการใน Nx Console และเลือก “Add to scripts" ส่วนต่าง ๆ ปรากฏในส่วนต่าง ๆ ของส่วนบน โดยให้ คุณเข้าถึงเพียง 1 คลิก ซึ่งนี่เป็นรูปแบบที่ง่ายที่สุดของการปรับแต่งแถบเครื่องมือ -- ไม่มีแฟ้มปรับแต่งค่า สําหรับการควบคุมเพิ่มเติม คุณสามารถสร้างงานตามมาตรฐานได้ (FLT: 11) หรือ [FT: 12] เป็นต้น

4 สร้างงานที่กําหนดเองในการปรับแต่งพื้นที่ทํางานของคุณ

กําหนดงานที่กําหนดเองที่เรียกคําสั่ง Nx หลาย ๆ คํา แบบแยกตาม หรือแบบขนาน ตัวอย่างเช่น เพิ่มส่วนต่าง ๆ นี้ไปยัง [FLT: 13] แอพของคุณ:

"fastserve": {
 "executor": "nx:run-commands",
 "options": {
 "commands": [
 "nx build shared-ui",
 "nx serve frontend"
 ],
 "parallel": false
 }
}

ตอนนี้แถบเครื่องมือกําหนดเองของคุณ (via Nx Consol หรือ CLI) สามารถใช้ได้ [FLT: 15] นอกจากนี้ คุณยังเพิ่มรายการเมนูในรหัส VS ได้ด้วยงาน.json แต่วิธีการของ Nx Console นั้นสะอาด

5. สร้างเมนูกําหนดเองด้วยกลุ่มงาน

สําหรับทีมที่มีขนาดใหญ่กว่านั้น ให้ใช้คําสั่งของ Nx แทน (FLT: 16) ด้วยการปรับแต่งเฉพาะตัว ตัวอย่างเช่น สร้างเมนูที่เรียกใช้งาน "ก่อน" ซึ่งเรียกใช้เมนู "การเรียกดูรูปแบบ และการทดสอบหน่วย คุณสามารถเปิดการใช้งานนี้ให้เป็นสคริปต์ npm ด้านบน แล้วปักหมุดมันไปยังแถบเครื่องมือ Nx Console โดยเพิ่มมันเข้าไปใช้เป็น "โปรด" หรือใช้งานกําหนดเองก็ได้

6. ทดสอบ และ ทํา การ ทดสอบ

หลังจากตั้งค่าแล้ว ให้เรียกคําสั่งแต่ละคําสั่งจากแถบเครื่องมือหรือเมนูของคุณมาตรวจสอบว่าการแสดงผลที่ถูกต้อง และตรวจดูว่าไม่มีส่วนใดที่หยุดการกระทู้ของงานที่มีอยู่แล้ว ให้ถามเพื่อนร่วมงานให้ทดสอบ -- การเรียกตาใหม่มักจับขั้นตอนที่ขาดหายไป หรือทําให้สับสน โปรดปรับแก้การเรียงลําดับเพื่อสะท้อนความถี่การใช้งานจริง

ตั้งค่าเทคโนโลยีขั้นสูง

ใช้ IDE คีย์บินดิงส์และมาครอส

นอกเหนือจากแถบเครื่องมือ คุณสามารถกําหนดปุ่มพิมพ์ลัดสําหรับงานที่กําหนดเองของ Nx ได้ โดยเปิด [FLT: 17] และผูกปุ่มพิมพ์ลัดเป็นคําสั่งแบบ [FLT: 18] ร่วมกับข้อความ NxCLI สําหรับลําดับความซับซ้อน โดยใช้นามสกุลต่าง ๆ เช่น “มาโครส" เพื่อเรียกการกระทําหลาย ๆ อย่าง ด้วยการใช้ปุ่มพิมพ์หนึ่งตัว ตัวอย่างเช่น การกดปุ่มพิมพ์ Ctrl+Shift+T สามารถเรียกใช้ชุดของคุณได้ จากนั้นเปิดรายงานการติดตามในเทอร์มินัลใหม่

กําลังนําเข้าเครื่องมือภายนอก

คุณสามารถเพิ่มปุ่มที่เปิดเบราว์เซอร์ไปยังที่อยู่ URL ภายในระบบ, เรียกใช้ระบบตรวจสอบของ Light House หรือใช้งานไปยังสภาพแวดล้อมการแสดง (FLT: 19) ของ NX โดยมีตัวประมวลผลเองหรือสคริปต์ของเชลล์เอง เป็นต้นไป ปุ่ม "ลากไปเก็บ" สามารถเรียกดูได้ (FLT: 20) ตัดมันในสคริปต์ที่กําหนดเอง แล้วเพิ่มเป็นตัวโปรดลงไป

การปรับแต่งร่วมกัน โดยมีอยู่ตรงข้ามของทีม

ทําแถบเครื่องมือและเมนูที่กําหนดเองของคุณให้ใช้ร่วมกันโดยจัดเก็บมันไว้ในคลังพื้นที่การทํางาน กําหนดงานที่กําหนดเองไว้ใน หรือใช้ร่วมกัน [FLT: 22] เอกสารที่มีความหมายในการใช้โปรแกรม readME หรือการอุทิศ [FLT: 23] เมื่อนักพัฒนาใหม่โคลนใหม่เสร็จ พวกเขาจะได้ผลงานที่เหมือนกัน

ตัวอย่างโลกจริง: แถบเครื่องมือพัฒนาแบบเต็มแบบเต็มแบบ

ให้ เรา ออก แบบ แถบ สําหรับ เครื่อง ดนตรี โมโน เรโป ซึ่ง มี เครื่อง แสดง แนว หน้า แบบ อัก กก อ ลา, แบ็ค เกต ของ นอร์ เด. js, และ ห้อง สมุด ประเภท เดียว กัน.

• [FLT: 0] เริ่มที่ทั้งหมด – วิ่ง [FLT: 24] ในท่าอากาศยานแยก
• [FLT: 0]. Quick Test – วิ่ง (บ่อยที่สุดที่เปลี่ยน lib).
• [FLT: 0] Lint Fix – ดําเนินการ ในโครงการที่ได้รับผลกระทบ
• [FLT: 0] สร้าง & ส่งออก [[FLT: 1] – สร้างหน้าและคัดลอกแฟ้มแบบคงที่ [FLT: 27].
• [FLT: 0]. pploppy - ดําเนินการสคริปต์ที่ถูกใช้เอง เพื่อตรวจสอบการเปลี่ยนแปลงที่ยังไม่แก้ไข, สร้าง, และอัปโหลดผ่าน rsync.

แต่ละปุ่มถูกสร้างเป็นเป้าหมายตามค่าเดิมในโครงการต่าง ๆ [FLT: 28] และถูกตรึงโดย Nx Console ที่ชื่นชอบ ปุ่ม "การดูด" มีการตรวจสอบก่อน-flight ที่ใช้ Nx (FLT:29) แบบแบ่งประเภทแบบหลายขั้น

กิจ ปฏิบัติ ที่ ดี ที่ สุด ใน การ รักษา ไว้ ซึ่ง การ ควบคุม

• [FLT: 0] ชื่อชัดเจน: ใช้ป้ายสัญลักษณ์เช่น "เริ่ม al" (ร่วมกับ Emojis สําหรับการรับรู้อย่างรวดเร็ว).
• [FLT: 0] Limit Scope: เก็บแถบเครื่องมือให้ต่ํากว่า 1012 รายการเพื่อหลีกเลี่ยงการรบกวน. จัดกลุ่มคําสั่งรองเป็นเมนูเดียว.
• [FLT: 0]. เอกสารอัตโนมัติ: ได้สร้างตารางหมายจาก เป้าหมายกําหนดเองโดยใช้สคริปต์
• [FLT: 0] ควบคุมการเซิ มักจะตั้งค่าเอง เพื่อให้สมาชิกในทีมทุกคนได้ประโยชน์
• [FLT: 0]. Periodiag Review: ทุกเดือน คําสั่งตัดไม้ไม่แบ่งส่วน และเพิ่มรายการใหม่ที่ผุดขึ้นมาจากการใช้งานประจําวัน

หลุม พราง ทั่ว ไป และ วิธี หลีก เลี่ยง หลุม พราง

• [FLT: 0] พาธฮาดคอปดิ้ง: ใช้ Nx [FLT: 31] และตัวแปร เพื่อเก็บการตั้งค่าแบบพกพา.
• [FLT: 0]. over-Intering: Do not't en ups to a friginal site a continuation you was was was one one. alway. alid to high-fquecess exculation.
• [FLT: 0] การหักเหการเปลี่ยนแปลง: เมื่อเพิ่มข้อมูล Nx, ทดสอบเป้าหมายที่กําหนดเองของคุณ ใช้ เพื่อตรวจสอบความเข้ากันได้
• [FLT: 0] ไม่สนใจทีมสํารอง: สํารวจทีมของคุณเพื่อให้แน่ใจว่าแถบเครื่องมือแก้ความเจ็บปวดจริง ไม่ใช่ภาพในจินตนาการ

การ ทํา ให้ การ เติบโต เป็น ขั้น ๆ

หลังจากใช้แถบเครื่องมือและเมนูที่กําหนดเองแล้ว การประหยัดเวลาของแทร็กเสียงแบบธรรมดา: ก่อนปรับแต่งค่าเอง ใช้เวลากี่วินาทีในการเรียกใช้ห่วงโซ่คําสั่งทั่วไป (เช่น สร้าง + สร้าง สร้าง + lit)? หลังจากวัดเวลาด้วยการคลิกหนึ่งครั้ง แม้ว่าการประหยัดเวลา 10 วินาทีต่อการดําเนินการ หากนักพัฒนาทํางาน 20 วินาทีต่อวันได้ออมค่ามากกว่า 3 นาที แต่รวม 10 นาทีต่อสัปดาห์ การปรับเปลี่ยนขอบเขตและลดความเร็วในการไหลของสารตะกั่ว

ทรัพยากรภายนอกสําหรับการอ่านเพิ่มเติม

• [FLT: 0]Nx Repipes – เอกสารอย่างเป็นทางการ
• [FLT: 0]. Nx Console สําหรับ VS Code[FLT: 1]
• [FLT: 0]. สืบค้นคําสั่ง executor [[FLT: 1]
• [FLT: 0] VS Code Keybinings Guide
• [FLT: 0] สืบค้นเมื่อ 5 พฤษภาคม พ.ศ.

รูปแบบการวน

ตั้งค่าแถบเครื่องมือ Nx และเมนูเอง ไม่ใช่เพียงแค่เป็นรายการที่หรูหราเท่านั้น -- มันเป็นการลงทุนที่ใช้งานได้จริง ในระดับประสิทธิภาพของทีมพัฒนาของคุณ โดยการเลือกคําสั่งที่มีความเร็วสูงอย่างระมัดระวัง, การคานคันเร่งของ Nx Console และงานที่กําหนดเอง, และการทําการปรับปรุงระบบการทํางานให้น้อยที่สุด คุณสามารถสร้างพื้นที่การทํางานที่ลดความเสียเปรียบได้ เริ่มได้: เลือกชุดคําสั่งสามรายการที่น่ารําคาญที่สุดทุกวัน แล้วเปลี่ยนมันให้เป็นปุ่มที่น่ารําคาญที่สุด แล้วขยายการใช้งานจริง ๆ ในอนาคตของคุณ -- และขอบคุณสําหรับการทํางานของคุณที่ลดโฟกัสลง และเพิ่มความคมชัดขึ้น เริ่มได้โดยเริ่มใช้โปรแกรมนี้ ดังนั้นโปรดติดตาม ดูการทํางานของคุณวันนี้