สารบัญ:
2024 ผู้เขียน: Malcolm Clapton | [email protected]. แก้ไขล่าสุด: 2023-12-17 04:12
ส่วนขยายสำหรับ Chrome และ Visual Studio Code ที่ช่วยให้เขียนโค้ดได้ง่ายขึ้นและประหยัดเวลา
ส่วนขยายของ Chrome
1. WhatFont เป็นวิธีที่ง่ายในการค้นหาว่าฟอนต์ใดที่ใช้ในไซต์หนึ่งๆ เพื่อค้นหาและใช้งานในโครงการของคุณ
2. สารกำจัดศัตรูพืชเป็นเครื่องมือสำหรับการเน้นโครงร่างและการปรับเปลี่ยน CSS มีประโยชน์ในการควบคุมโมเดลเค้าโครงบล็อก
3. Colorzilla เป็นเครื่องมือในการรับสีที่แม่นยำจากเว็บไซต์ เพื่อความสะดวก รหัสสีจะถูกคัดลอกไปยังคลิปบอร์ดโดยตรง
4. CSS Peeper เป็นส่วนขยายสำหรับการดูสีและทรัพย์สินที่ใช้บนเว็บไซต์: ภาพประกอบ เอกสารข้อความ ไฟล์เค้าโครง ไฟล์วิดีโอ
5. Wappalyzer เป็นยูทิลิตี้ที่ช่วยให้คุณระบุระบบการจัดการเนื้อหา เฟรมเวิร์ก ซอฟต์แวร์เซิร์ฟเวอร์ เครื่องมือวิเคราะห์ และเทคโนโลยีอื่นๆ ที่ใช้บนไซต์
6. React Developer Tools เป็นเครื่องมือที่มีประโยชน์สำหรับการดีบักแอปพลิเคชัน React.js
7. Redux DevTools เป็นเครื่องมือสำหรับการดีบักแอปพลิเคชันโดยใช้ Redux
8. ตัวจัดรูปแบบ JSON เป็นส่วนขยายเพื่อลดความซับซ้อนในการอ่าน JSON ด้วยการเน้นไวยากรณ์ การเยื้อง ลิงก์ที่คลิกได้
9. Vimeo Repeat and Speed เป็นส่วนขยายอย่างง่ายสำหรับการเร่งความเร็วของบริการวิดีโอ Vimeo ซึ่งมีประโยชน์เมื่อดูวิดีโอบทช่วยสอน
ส่วนขยายสำหรับ VS Code
10. แท็กเปลี่ยนชื่ออัตโนมัติเป็นส่วนเสริมสำหรับการเปลี่ยนชื่อแท็ก HTML เมื่อคุณเปลี่ยนแท็กเปิด แท็กปิดจะเปลี่ยนโดยอัตโนมัติ
11. รองรับ HTML CSS - รองรับ CSS สำหรับเอกสาร HTML พร้อมการเน้นไวยากรณ์ การเชื่อมต่อไฟล์ CSS ระยะไกล และคุณสมบัติที่มีประโยชน์อื่นๆ
12. ตัวอย่าง HTML เป็นส่วนย่อยสำเร็จรูปเพื่อประหยัดเวลา
13. Babel ES6 / ES7 เป็น JavaScript Babel เน้นและเครื่องมือตรวจสอบไวยากรณ์
14. Bracket Pair Colorizer เป็นเครื่องมือสำหรับระบายสีวงเล็บเปิดและปิดด้วยสีเฉพาะเพื่อค้นหาได้อย่างรวดเร็ว
15. ESLint - การรวม ESLint เข้ากับ Visual Studio Code เพื่อตรวจสอบคุณภาพของโค้ดของคุณและค้นหาจุดบกพร่อง
16. Guides - เพิ่มเส้นไกด์ให้กับโค้ดของคุณเพื่อให้ง่ายต่อการค้นหาการเปิดและปิดองค์ประกอบ
17. JavaScript Console Utils เป็นยูทิลิตี้ที่ช่วยให้การสร้างคำสั่ง console.log () มีประโยชน์ได้ง่ายขึ้น รวมถึงการแทรกโค้ดอย่างรวดเร็วเพื่อบันทึกตัวแปรที่เลือก
18. Code Spell Checker เป็นส่วนขยายสำหรับตัวตรวจสอบการสะกดรหัสอย่างรวดเร็ว
19. GitLens เป็นเครื่องมือที่มีประโยชน์สำหรับการแสดงข้อมูลประวัติโค้ดเพื่อให้คุณสามารถติดตามได้เมื่อมีการเปลี่ยนแปลงและโดยใคร
20. Path Intellisense เป็นเครื่องมือสำหรับการกรอกชื่อไฟล์โดยอัตโนมัติเมื่อป้อนบรรทัด
21. Prettier เป็นส่วนขยายสำหรับการจัดรูปแบบโค้ดอัตโนมัติและนำส่วนต่างๆ มารวมกันเป็นแบบฟอร์มเดียว
22. VSCode-Icons - เพิ่มไอคอนภาพไปยังแผนผังไฟล์เพื่อการค้นหาที่ง่ายขึ้นและการรับรู้ภาพที่ดีขึ้น
แน่นอน คุณไม่ควรติดตั้งทุกอย่างจากรายการนี้ ส่วนขยายเหล่านี้บางส่วนสามารถเรียกได้ว่าใช้แทนกันได้ ในขณะที่ส่วนขยายอื่นๆ จะต้องมีประสบการณ์กับเครื่องมือที่ง่ายกว่า