Có IDE với hỗ trợ rõ ràng cho AngularJS không? [đóng cửa]

89

Tôi đã thử WebStorm nhưng dường như chỉ có hỗ trợ JavaScript cơ bản ở đó, giống như trong bất kỳ IDE web nào khác mà tôi đã thử. Tôi đang tìm thứ gì đó có thể cho phép tôi nhấp qua từ các trang HTML đến Bộ điều khiển, v.v.

Nếu câu trả lời là "không" cho câu hỏi này, có bất kỳ khung JavaScript nào khác tương tự như Angular sẽ có thứ gì đó giống như một plugin Eclipse hoặc bất kỳ loại hỗ trợ rõ ràng nào khác trong một số IDE không?

javascript  ide  angularjs 
— Borek Bernard
nguồn
3
Có thể cho thuê người kiểm duyệt nào đó di chuyển cái này sang phần mềm softwarerecs.stackexchange.com không?
— Mawg nói hãy phục hồi Monica
Không kiểm tra nó nhưng CodeLobster dường như có một AngularJs cắm, quá: codelobster.com/order.html
— Stefan

Câu trả lời:

28

John Lindquist cho biết anh ấy sẽ tạo một plugin cho WebStorm: http://youtrack.jetbrains.com/issue/IDEA-84299

— kapsi
nguồn
2
Tôi đã thử plugin; nó đẹp. Nó cung cấp intellisense cho các từ khóa AngularJS. Có vẻ như đó là những gì John Lindquist đang sử dụng trong các video AngularJS tại đây: johnlindquist.com
— Jim Raden
Nhân tiện, đây là liên kết đến plugin cùng với một số hướng dẫn về cách cài đặt nó: groups.google.com/forum/#!topic/angular/GyBSkDxZN9c Việc cài đặt rất dễ dàng - theo nghĩa đen chỉ cần một vài cú nhấp chuột.
— Jim Raden
Ngoài John cắm Tôi đang duy trì một bộ LiveTemplates cho WebStorm trong kho GitHub: github.com/angularjs-livetpls/angularjs-webstorm-livetpls
— pkozlowski.opensource
25

Visual Studio 2012 cho đến nay là tốt nhất. Hướng dẫn này sử dụng VS 2012 và rất hữu ích cho tôi. Ngoài ra còn có một phiên bản Express miễn phí.

Hướng dẫn này giúp bạn bắt đầu từ đầu mà không cần phụ thuộc vào các plugin.

Một dự án / hướng dẫn Angular JS tuyệt vời khác bằng Visual Studio

— khỉ
nguồn
5
@Imrul, vmichael là chính xác sâu sắc ở đây. VS 2012 thực sự hỗ trợ phát triển js góc cạnh. Mặc dù nó được dự định để mở rộng các ứng dụng .NET, nhưng nó dường như hoàn toàn có thể phục vụ được cho sự phát triển hoàn toàn theo góc độ. Tôi đánh giá cao rằng bạn, không giống như những cử tri phản đối khác, đã để lại một tin nhắn, nhưng hãy tự nghiên cứu trước khi hạ bệ những người có thiện chí.
— Dave Alperovich
VS thực sự là một IDE khá tốt cho web. Tôi bắt đầu sử dụng nó khi làm việc trong môi trường .NET và rất ngạc nhiên. Để phát triển trong Windows, nó hoạt động tốt.
— mdance
Một chút theo dõi nhưng Visual Studio là một trong những lý do tôi thích lập trình ứng dụng .NET rất nhiều. Ngoài ra cho các ứng dụng web, bao gồm cả phát triển AngularJS (với một số tinh chỉnh).
— Nullius
14

Ai đó đang làm việc trong plugin NetBeans cho góc cạnh. Bạn có thể xem nó ở đây: http://plugins.netbeans.org/plugin/40296/angularjs-tools

Cũng dành cho Microsoft VisualStudio http://nuget.org/packages/AngularJsSeed/1.0.0-RC1

— Misko Hevery
nguồn
Không có cách nào tôi sẽ sử dụng NetBeans nhưng cảm ơn vì câu trả lời :)
— Borek Bernard
2
Vậy chính xác thì bạn cần IDE để làm gì? Ý tôi là angleJS chỉ là HTML, CSS và JavaScript và hầu hết các IDE sẽ sử dụng tốt điều đó. Bạn không chắc chắn rằng việc có tự động hoàn thành trên ng * như vậy có phải là một công cụ phá vỡ giao dịch không?
— Misko Hevery
Xin chào Misko, tôi thực sự muốn sử dụng tự động hoàn thành cho ng.js trong Net Beans nhưng có vẻ như nó bỏ qua plugin của tôi (đã thêm thư viện chưa được thu nhỏ vào dự án của tôi). Lợi ích của việc này là không có plugin Net Beans sủa bạn khi cố gắng xác thực đánh dấu HTML (ng-view, v.v.) Bạn có ý kiến ​​gì về điều này không? Cảm ơn vì lib tuyệt vời! Edit: Hmm ... có lẽ sẽ yêu cầu trên trang web plugin;)
— alchemication
5
@MiskoHe rất tốt IDE rất hữu ích và phải có. Bạn cần theo dõi các chỉ thị, bộ lọc, dịch vụ (đi đến nguồn). Bạn muốn trong một cú nhấp chuột từ html để đi đến bộ điều khiển phù hợp .. bạn muốn phức tạp tốt cho các chế độ xem (ng-chỉ thị và tùy chỉnh). Cố gắng xây dựng một ứng dụng phía máy khách lớn mà không có IDE tốt trong một nhóm lớn hoặc thậm chí một ứng dụng trung bình không có IDE ..
— YardenST 9/12/12
14

AngularUI đã viết các plugin cung cấp hỗ trợ đầy đủ AngularJS (và tùy chọn là AngularUI) IDE cho các trình soạn thảo văn bản Sublime Text 2 & 3 và TextMate.

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

TextMate (chỉ dành cho 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

Bạn có thể xem hướng dẫn thiết lập hoàn chỉnh cho Sublime Text tại đây (bạn sẽ thiết lập và chạy trong 5 phút):
http://weblogs.asp.net/dwahlin/archive/2013/08/30/using-the-angularjs -package-for-sublime-text.aspx

Khi tôi đang phát triển các ứng dụng bằng chứng về khái niệm ban đầu, tôi thích sử dụng DropBox để lưu trữ mã của mình để tôi có thể truy cập vào mọi thứ ở cơ quan và ở nhà. Thêm vào đó, nếu bạn lưu trữ dự án của mình trong Publicthư mục, bạn có thể tạo một url có thể truy cập công khai cho các .htmltrang của bạn. URL này sẽ hiển thị chính xác trong trình duyệt (tức là chạy chính xác HTML, CSS & JS của bạn), về cơ bản biến DropBox thành một loại nhà cung cấp dịch vụ lưu trữ hạn chế.

Nếu bạn quyết định sử dụng Sublime, bạn có thể tải xuống phiên bản di động (không cần cài đặt) & lưu nó vào DropBox; bằng cách này, bạn có quyền truy cập vào tất cả mã của mình VÀ một IDE AngularJS đầy đủ từ bất cứ đâu bạn sử dụng DropBox. Về cơ bản có nghĩa là bạn có một môi trường dành cho nhà phát triển đầy đủ trên đám mây. Khá ngọt ngào!

— GFoley83
nguồn
Trên thực tế, Webstorm có hỗ trợ cho AngularJS và nhiều thư viện Javascript khác bằng cách sử dụng một cái gì đó được gọi là "Định nghĩa kiểu chữ". Đây là cách kích hoạt từ một câu hỏi khác: stackoverflow.com/questions/18876863/…
— sgarcia.dev
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.