มี IDE ที่รองรับ AngularJS อย่างชัดเจนหรือไม่ [ปิด]


89

ฉันได้ลองใช้ WebStorm แล้ว แต่ดูเหมือนจะมีเพียงการสนับสนุน JavaScript พื้นฐานที่นั่นเช่นเดียวกับในเว็บ IDE อื่น ๆ ที่ฉันได้ลอง ฉันกำลังมองหาสิ่งที่จะช่วยให้ฉันคลิกผ่านจากหน้า HTML ไปยัง Controllers เป็นต้น

หากคำตอบคือ "ไม่" สำหรับคำถามนี้มีเฟรมเวิร์ก JavaScript อื่นที่คล้ายกับ Angular ที่จะมีบางอย่างเช่นปลั๊กอิน Eclipse หรือการสนับสนุนอย่างชัดเจนในบาง IDE หรือไม่


3
ผู้ดูแลสัญญาเช่าบางประเภทสามารถย้ายข้อมูลนี้ไปที่softwarerecs.stackexchange.com ได้หรือไม่?
Mawg กล่าวว่าคืนสถานะ Monica

ไม่ได้ทดสอบ แต่ Codelobster ดูเหมือนว่าจะมีปลั๊กอิน AngularJs ด้วย: codelobster.com/order.html
Stefan

คำตอบ:


28

John Lindquist บอกว่าเขาจะสร้างปลั๊กอินสำหรับ WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299


2
ฉันได้ลองใช้ปลั๊กอินแล้ว มันดีนะ. ให้ Intellisense สำหรับคำหลัก AngularJS ดูเหมือนว่าจะเป็นสิ่งที่ John Lindquist ใช้ในวิดีโอ AngularJS ที่นี่: johnlindquist.com
Jim Raden

อย่างไรก็ตามนี่คือลิงค์ไปยังปลั๊กอินพร้อมกับคำแนะนำในการติดตั้ง: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c การติดตั้งนั้นง่ายมากเพียงไม่กี่คลิก
Jim Raden

นอกเหนือจากปลั๊กอินของ John แล้วฉันยังดูแลชุด LiveTemplates สำหรับ WebStorm ในที่เก็บ GitHub: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
pkozlowski.opensource

25

Visual Studio 2012 นั้นดีที่สุด บทช่วยสอนนี้ใช้ VS 2012 และมีประโยชน์มากสำหรับฉัน นอกจากนี้ยังมีเวอร์ชันExpressที่ให้บริการฟรี

บทช่วยสอนช่วยให้คุณเริ่มต้นได้ตั้งแต่เริ่มต้นโดยไม่จำเป็นต้องพึ่งพาปลั๊กอิน

อีกหนึ่งโครงการ / การสอน Angular JS ที่ยอดเยี่ยมโดยใช้ Visual Studio


5
@ Imrul, vmichael ถูกต้องอย่างชาญฉลาดที่นี่ VS 2012 สนับสนุนการพัฒนา js เชิงมุม แม้ว่าจะมีจุดประสงค์เพื่อขยายแอป. NET แต่ดูเหมือนว่าจะสามารถให้บริการได้เต็มที่สำหรับการพัฒนาเชิงมุมอย่างแท้จริง ฉันขอขอบคุณที่คุณไม่เหมือนกับผู้มีสิทธิเลือกตั้งรายอื่น ๆ ที่ทิ้งข้อความไว้ แต่โปรดค้นคว้าข้อมูลของคุณเองก่อนที่จะตำหนิผู้ที่มีเจตนาดี
Dave Alperovich

VS เป็น IDE ที่ดีสำหรับเว็บจริงๆ ฉันเริ่มใช้มันขณะทำงานในสภาพแวดล้อม. NET และรู้สึกประหลาดใจอย่างมาก สำหรับการพัฒนาใน Windows ใช้งานได้ดี
mdance

น่าติดตามเล็กน้อย แต่ Visual Studio เป็นหนึ่งในเหตุผลที่ฉันชอบการเขียนโปรแกรมแอพ. NET มาก สำหรับเว็บแอปรวมถึงการพัฒนา AngularJS (พร้อมการปรับแต่งบางอย่าง)
Nullius

14

มีคนทำงานในปลั๊กอิน NetBeans สำหรับเชิงมุม คุณสามารถดูได้ที่นี่: http://plugins.netbeans.org/plugin/40296/angularjs-tools

สำหรับ Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1


ไม่มีทางที่ฉันจะใช้ NetBeans แต่ขอบคุณสำหรับคำตอบ :)
Borek Bernard

2
คุณต้องการ IDE เพื่ออะไร? ฉันหมายถึง angularJS เป็นเพียง HTML, CSS และ JavaScript และ IDE ส่วนใหญ่จะใช้งานได้ดี ไม่แน่ใจว่าการเติมข้อความอัตโนมัติใน ng * เป็นตัวทำลายข้อตกลงหรือไม่?
Misko Hevery

สวัสดี Misko ฉันต้องการใช้การเติมข้อความอัตโนมัติสำหรับ ng.js ใน Net Beans แต่ดูเหมือนว่าจะเพิกเฉยต่อปลั๊กอินของฉัน (เพิ่มไลบรารีที่ไม่ได้ลดขนาดลงในโครงการของฉันแล้ว) ข้อดีของสิ่งนี้คือหากไม่มีปลั๊กอิน Net Beans จะเห่าใส่คุณเมื่อพยายามตรวจสอบความถูกต้องของมาร์กอัป HTML (ng-view เป็นต้น) มีแนวคิดใด ๆ เกี่ยวกับสิ่งนี้หรือไม่? ขอบคุณสำหรับ lib ที่ดี! แก้ไข: อืม ... อาจจะถามว่าในไซต์ปลั๊กอิน;)
การเล่นแร่แปรธาตุ

5
@Misko IDE ที่ดีทุกอย่างมีประโยชน์มากและต้องมี คุณต้องติดตามคำสั่งตัวกรองบริการ (จากแหล่งที่มา) คุณต้องการในคลิกเดียวจาก html เพื่อไปที่ตัวควบคุมที่ตรงกัน .. คุณต้องการความซับซ้อนที่ดีสำหรับมุมมอง (ng-directives และกำหนดเอง) พยายามสร้างแอปฝั่งไคลเอ็นต์ขนาดใหญ่โดยไม่มี IDE ที่ดีในทีมขนาดใหญ่หรือแม้แต่แอปขนาดกลางที่ไม่มี IDE ..
YardenST

14

AngularUI ได้เขียนปลั๊กอินที่ให้การสนับสนุน AngularJS (และ AngularUI) IDE เต็มรูปแบบสำหรับโปรแกรมแก้ไขข้อความ Sublime Text 2 & 3 และ TextMate

Sublime Text 2 & 3
http://www.sublimetext.com/3

TextMate (Mac OS X เท่านั้น)
http://macromates.com/download

AngularUI IDE Plugins
Sublime - https://github.com/angular-ui/AngularJS-sublime-package
TextMate - https://github.com/angular-ui/AngularJS.tmbundle

คุณสามารถรับคู่มือการตั้งค่า Sublime Text ฉบับสมบูรณ์ได้ที่นี่ (คุณจะพร้อมใช้งานใน 5 นาทีด้านบน):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-for-sublime-text.aspx

เมื่อฉันกำลังพัฒนาแอปพิสูจน์แนวคิดในระยะแรกฉันชอบใช้ DropBox เพื่อจัดเก็บรหัสของฉันเพื่อที่ฉันจะได้เข้าถึงทุกอย่างทั้งที่ทำงานและที่บ้าน นอกจากนี้หากคุณจัดเก็บโครงการของคุณไว้ในPublicโฟลเดอร์คุณสามารถสร้าง URL ที่เข้าถึงได้แบบสาธารณะสำหรับ.htmlหน้าเว็บของคุณซึ่งจะแสดงผลในเบราว์เซอร์ได้อย่างถูกต้อง (เช่นเรียกใช้ HTML, CSS & JS ของคุณอย่างถูกต้อง) โดยพื้นฐานแล้วจะเปลี่ยน DropBox ให้เป็นผู้ให้บริการโฮสติ้งที่ จำกัด

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


ที่จริงแล้ว Webstorm รองรับ AngularJS และไลบรารี Javascript อื่น ๆ อีกมากมายโดยใช้สิ่งที่เรียกว่า "typescript definitions" นี่คือวิธีเปิดใช้งานจากคำถามอื่น: stackoverflow.com/questions/18876863/…
sgarcia.dev

7

ตอนนี้มีปลั๊กอิน Resharper สำหรับ angularjs ซึ่งหมายความว่าถ้าคุณใช้ resharper Visual Studio ก็กลายเป็นวิธีที่ยอดเยี่ยมในการพัฒนา Angular ด้วย

http://blogs.jetbrains.com/dotnet/2013/02/angularjs-support-for-resharper/

นอกจากนี้ยังมีส่วนเสริมการดีบักสำหรับ Chrome ในขณะนี้:

http://blog.angularjs.org/2012/07/introducing-angularjs-batarang.html

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.