15 เครื่องมือ AngularJS ที่มีประโยชน์สำหรับนักพัฒนา

กำลังคิดที่จะจุ่มนิ้วเท้าของคุณลงใน Angular หรือไม่? หากคุณผ่านบทเรียนที่ดีที่สุด 10 ข้อเพื่อเรียนรู้โพสต์ AngularJS และต้องการเล่นกับ Angular ด้วยตัวคุณเองคุณอยู่ในโพสต์ที่ถูกต้อง เรามีที่นี่บ้าง เครื่องมือที่สามารถปรับปรุงกระบวนการทำงานของคุณให้คล่องตัว.

เรากำลังดูเลขที่ 15 ของ IDEs ที่ดีที่สุดเครื่องมือแก้ไขข้อความเครื่องมือสำหรับการทดสอบและแก้ไขข้อบกพร่องโมดูล และ เครื่องมือในการพัฒนาและแอพ สำหรับการสร้างด้วยเชิงมุม หากคุณมีเครื่องมือหรือแอปโปรดแชร์กับเราในความคิดเห็นด้านล่าง.

เครื่องมือแก้ไขข้อความและ IDE

ในโลกแห่งการเขียนโปรแกรมมีตัวแก้ไขสองประเภท: สภาพแวดล้อมการพัฒนาแบบบูรณาการที่โดดเด่นเต็มรูปแบบ (IDE) และ บรรณาธิการข้อความที่มีน้ำหนักเบา. ทั้งสองช่วยให้เวิร์กโฟลว์การพัฒนาเร็วขึ้น เครื่องมือแก้ไขข้อความและ IDE ที่เราแสดงด้านล่างเป็นเครื่องมือที่ดีในการพัฒนา Angular ของคุณ พวกเขาสามารถกำหนดค่าได้ง่ายสำหรับสภาพแวดล้อมเชิงมุม.

WebStorm

WebStorm ไม่เพียง แต่เหมาะสำหรับ Javascript แต่ยังรวมถึง HTML และ CSS มันมีโปรแกรมแก้ไขสดที่ยอดเยี่ยมซึ่งช่วยให้คุณเห็นผลการเข้ารหัสของคุณบนเบราว์เซอร์โดยไม่ต้องรีเฟรชบ่อยครั้ง โดยค่าเริ่มต้นเวอร์ชันใหม่ล่าสุดของพวกเขาจะมีชุดปลั๊กอิน AngularJS แม้ว่าคุณจะต้องรวมสคริปต์ Angular ในโครงการของคุณก่อน สำหรับรายละเอียดเพิ่มเติมอ่านโพสต์บล็อก WebStorm.

Aptana

Aptana เป็น IDE โอเพ่นซอร์สฟรีซึ่งจริงๆแล้วเป็น Eclipse เวอร์ชันที่ปรับแต่งเองโดยมุ่งเน้นไปที่ Javascript, HTML, CSS และสารพัดเว็บอื่น ๆ เพื่อขยาย Aptana สำหรับการสนับสนุนเชิงมุมสิ่งที่คุณต้องทำคือติดตั้งส่วนขยาย AngularJS Eclipse จาก ตลาด Eclipse.

ข้อความประเสริฐ

Sublime Text เป็นหนึ่งในโปรแกรมแก้ไขข้อความที่ได้รับความนิยมมากที่สุดเนื่องจากความสามารถในการปรับแต่งให้เข้ากับสภาพแวดล้อมการเขียนโปรแกรมทุกชนิด นอกจากนี้ยังรวดเร็วและมีการสนับสนุนข้อมูลโค้ดที่ปรับแต่งได้และมีแพ็คเกจมากมายรวมถึงแพ็คเกจ AngularJS ที่ให้คุณทำงานกับ Angular ได้ นี่คือโพสต์ที่ยอดเยี่ยมโดย Dan Wahlin คุณสามารถตรวจสอบเกี่ยวกับเรื่องนี้.

เพิ่มเติมเกี่ยวกับ Sublime Text:

• 18 ปลั๊กอิน Sublime Text ที่จำเป็น
• 12 เคล็ดลับและเคล็ดลับ Sublime Text ที่ต้องการมากที่สุด
• วิธีแทรกเส้นทางของไฟล์ในข้อความประเสริฐ
• ดูตัวอย่างด่วนโครงการ Localhost ด้วย Sublime Text
• จัดการบันทึกย่อและรายการด้วยข้อความ Sublime
• การเพิ่มคำนำหน้าผู้ขาย CSS ด้วยข้อความประเสริฐ

เครื่องมือทดสอบและแก้ไขข้อบกพร่อง

การทดสอบและการดีบัก เป็นส่วนสำคัญของกระบวนการพัฒนาโดยเฉพาะอย่างยิ่งในสภาพแวดล้อมเช่น Angular นี่คือเครื่องมือบางอย่างที่สามารถช่วยคุณทดสอบและตรวจแก้จุดบกพร่องแอปพลิเคชันของคุณ.

กรรม

Karma เป็นนักวิ่งทดสอบที่ยอดเยี่ยมที่สร้างขึ้นสำหรับ Angular แต่ยังสามารถใช้กับกรอบงาน Javascript อื่น ๆ ได้ รองรับการทดสอบทุกประเภท: การทดสอบหน่วยการทดสอบกึ่งกลาง และ การทดสอบ E2E. Karma ทำงานได้โดยเปิดเบราว์เซอร์ที่คุณแสดงรายการในไฟล์กำหนดค่า จากนั้นจะสื่อสารกับเบราว์เซอร์ที่ใช้งานอยู่โดยใช้ socket.io และถามคุณว่าจะทำการทดสอบหรือไม่.

ดอกมะลิ

จัสมินใช้สำหรับการพัฒนาที่ขับเคลื่อนด้วยพฤติกรรม (BDD) แต่คุณสามารถใช้เพื่อการพัฒนาที่ขับเคลื่อนด้วยการทดสอบ (TDD) ด้วยการปรับแต่งบิต มันมักจะเป็นคู่กับ Karma: Karma ในฐานะนักวิ่งทดสอบจัสมีนเป็นกรอบการทดสอบ จัสมินจะตรวจสอบคลาสและฟังก์ชัน Javascript ทั้งหมดของคุณโดยอัตโนมัติและแจ้งให้คุณทราบถึงโค้ดที่ไม่สามารถจัดการได้ ข้อเสียเปรียบคือ ไม่ทราบว่ามีการทดสอบสภาพแวดล้อมใด (เบราว์เซอร์), แต่คาร์มาชดเชยข้อเสียนี้.

MochaJS

เมื่อเปรียบเทียบกับจัสมิน MochaJS มีความยืดหยุ่นมากขึ้น แต่ จัสมินมาในรูปแบบ all-in-one package. ด้วย MochaJS หากคุณต้องการใช้เฟรมเวิร์กสายลับคุณต้องตั้งค่า Mocha ด้วยไลบรารีที่เหมาะสมเช่น sinon.js และถ้าคุณต้องการกรอบการยืนยันมอคค่าจะต้องถูกกำหนดค่าด้วยเฟรมเวิร์กอย่างไชย.

ไม้วัดมุม

ไม้โปรแทรกเตอร์น่าจะเป็นระบบอัตโนมัติที่ทรงพลังที่สุด จบสิ้น (e2e) เครื่องมือทดสอบเชิงมุม พัฒนาโดยทีมงานเชิงมุม, ไม้โปรแทรกเตอร์ถูกสร้างขึ้นโดยการรวมเทคโนโลยีที่ยอดเยี่ยมบางอย่างที่มีในปัจจุบันเช่น NodeJS, Selenium, webDriver, Mocha, แตงกวา และ ดอกมะลิ.

Batarang เชิงมุม

นอกเหนือจาก ไม้วัดมุม, เครื่องมือที่ยอดเยี่ยมอีกอย่างหนึ่งที่พัฒนาโดยทีมงานเชิงมุมคือ Angular Batarang. Batarang เป็นส่วนขยาย Chrome สำหรับการดีบักแอปพลิเคชันเชิงมุม หลังจากตรวจสอบแอปของคุณแล้ว Batarang จะแสดงให้คุณดู รูปแบบประสิทธิภาพและการพึ่งพา การดีบักให้ผลลัพธ์ในสามแท็บที่ต่างกัน คุณยังสามารถควบคุมการตรวจสอบโดยตัดสินใจว่าจะแสดง แอปพลิเคชันการผูกหรือขอบเขต.

NG-สารวัตร

ng-inspector เป็นส่วนขยายเบราว์เซอร์ที่สนับสนุนใน Chrome และ Safari ซึ่งแตกต่างจาก Batarang ซึ่งปรากฏใน DevTools, ng-inspector ชอบจอแสดงผลด้านข้างแทน คุณสามารถตรวจสอบและเน้นองค์ประกอบ DOM ขณะที่คุณวางเมาส์เหนือขอบเขต คุณยังสามารถดูขอบเขตและรุ่นที่อัปเดตตามเวลาจริง.

โมดูล

สถานที่ที่ดีที่สุดในการค้นหาโมดูลเชิงมุมคือ ngmodules.org แต่ถ้าคุณต้องการภาพรวมอย่างรวดเร็วด้านล่างนี้คือรายการของแหล่งข้อมูลที่ดีที่เรารวบรวมไว้ให้คุณ.

AngularUI

AngularUI เป็นชุดของส่วนประกอบ UI ที่สร้างขึ้นด้วย AngularJS คำสั่งยูทิลิตี้มันช่วยให้คุณสร้างแอปพลิเคชันเชิงมุมได้เร็วขึ้น แทนที่จะเป็นวิดเจ็ต AngularUI ใช้คำสั่งแบบดิบเช่น UI เตอร์, UI-แผนที่, UI ปฏิทิน เป็นต้นคำสั่งที่คุณอาจชอบที่สุดคือ UI-Bootstrap ซึ่งสามารถทำได้ สร้าง Twitter Bootstrap ในเชิงมุม. ตรวจสอบหน้าเอกสารที่สะอาดและดีเพื่อเริ่มต้น.

ng-Table - การเรียงลำดับและการกรองตาราง

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

Restangular

ด้วย Angular คุณอาจทำงานลำบาก ทรัพยากร $ และ $ http สำหรับการสร้าง Rest API Restangular สามารถช่วยทำให้ การใช้งานรับลบอัพเดทและโพสต์คำขอข้อมูลง่ายขึ้น. คุณลักษณะบางอย่างที่ตั้งค่าเป็นรูปสี่เหลี่ยมผืนผ้าแยกจากกัน ทรัพยากร $ เป็นการสนับสนุนวิธี HTTP องค์ประกอบการเชื่อมโยงตนเองสัญญาการใช้งานและอื่น ๆ อีกมากมาย ค้นหาข้อมูลเพิ่มเติมได้ที่นี่และดูการสาธิตสดบน Plunkr.

Gettext เชิงมุม

Angular-Gettext เป็นโมดูล Angular ที่ยอดเยี่ยมเพื่อการแปลที่ใช้งานง่าย คุณสมบัติที่สำคัญคือคุณสามารถแปลแอปพลิเคชันเว็บของคุณให้ง่ายขึ้นเหมือนกับการเพิ่ม คุณลักษณะ. มันช่วยให้คุณมุ่งเน้นการพัฒนาแอพของคุณและปล่อยให้การแปลทั้งหมดเป็น Angular-Gettext.

เครื่องมือ & แอพ

สุดท้ายเราจะออกจากที่นี่ นี่คือรายการเครื่องมือและแอพเพิ่มเติมที่อาจทำให้กระบวนการพัฒนาเชิงมุมของคุณง่ายขึ้นและราบรื่นขึ้น พวกเขาทำงานได้ดีกับผู้ที่เพิ่งเริ่มรับ Angular.

เครื่องกำเนิดไฟฟ้าเชิงมุม

Yeoman มีตัวสร้างโค้ดที่ชื่อว่า Generator Angular ด้วยเครื่องมือนี้คุณสามารถเพิ่มความเร็วในการพัฒนาเชิงมุมด้วยคำสั่งเทอร์มินัลเพียงคู่เดียว มันสามารถสร้างเซิร์ฟเวอร์การพัฒนาหน่วยและการทดสอบกรอบดูคำสั่งและอื่น ๆ โดยอัตโนมัติ.

ngDocs - AngularJS Reference

ngDocs เป็นแอพ Android ที่ให้เอกสารและการอ้างอิง AngularJS ดีและเรียบง่าย บทเรียนพื้นฐานบางอย่างนั้นยังมีให้หากคุณยังใหม่กับ Angular มีคุณสมบัติเพิ่มเติมเช่นคู่มือนักพัฒนาซอฟต์แวร์และการอ้างอิงข้อผิดพลาดที่คุณอาจต้องการดู ด้วยสิ่งนี้บนอุปกรณ์ Android ของคุณเลือกซื้อ Angular ได้ทุกที่.