Thiết lập được đề xuất để phát triển angularJS trong Visual Studio 2013 [đã đóng]

Tôi đang bắt đầu với AngularJS. Phần cuối sẽ là API Web (cũng mới đối với tôi) và tôi chỉ muốn sử dụng một IDE, vì vậy tôi đang cố gắng tìm ra cách thiết lập một dự án trong Visual Studio 2013 cho AngularJS. Tôi muốn giữ nó như một dự án riêng biệt, để giữ cho nó được kết nối lỏng lẻo với API (hoặc giữ cho UI được tách rời khỏi API Web). Tôi đang có một thời gian khó khăn để tìm ra làm thế nào để có được thiết lập này. Vì thế....

• Loại dự án nào là tốt nhất cho dự án AngularJS (thuần HTML 5) thuần túy?
• Được đề nghị sử dụng Grunt? Hoặc là MS Build tốt hơn để xử lý các tác vụ xây dựng? Tôi nghĩ ở đây linting, thu nhỏ, nối các tệp vào một tệp phân phối duy nhất, có thể sao chép vào một máy chủ web.
• Làm thế nào để bạn chạy thử nghiệm? Có một plugin để chạy thử nghiệm Jasmin? Bạn chỉ chạy Karma riêng?
• Có mẫu nào tốt cho AngularJS không? Bất kỳ sử dụng ngBoilerplate?

Bất kỳ trợ giúp sẽ được đánh giá cao.

Chúng tôi đã có những lựa chọn tương tự để thực hiện.

Chung tôi đa quyêt định :

• làm cho toàn bộ quá trình xây dựng không phụ thuộc vào studio hình ảnh. Chúng tôi đã chọn sử dụng các công cụ được coi là chủ đạo trong thế giới phát triển góc cạnh. Cách này nhận được sự hỗ trợ của cộng đồng dễ dàng hơn.

• sử dụng tiện ích mở rộng phòng thu trực quan khi có sẵn để nâng cao trải nghiệm khi có thể

Làm sao :

• sử dụng gruntvà karma. Chúng tôi đã dàn dựng một dự án bằng cách sử dụng yeoman angularvà sử dụng nó làm mẫu để thiết lập quy trình xây dựng của riêng mình. Chúng ta gần như là như vậy.

• cài đặt tiện ích mở rộng Web Essentials 2013 . Phần mở rộng sử dụng tương tự .jscsvà .jshintrcbản gruntdựng của bạn sử dụng. Chúng tôi đã quyết định để tiện ích mở rộng Web Essentials 2013 xử lý các .lesstệp khi lưu để index.htmlcó thể tham khảo main.cssvà không yêu cầu quá trình xây dựng.

• đảm bảo cài đặt trình chỉnh sửa phòng thu trực quan của chúng tôi được căn chỉnh với các quy tắc định dạng .jscsvà .jshintrcđịnh dạng của chúng tôi (khoảng cách, kết thúc dòng, v.v.).

Cũng thế:

• chúng tôi chạy karma watch(hoặc grunt watch) trên dòng lệnh cho các thử nghiệm của chúng tôi.

• gắn liền với việc chạy các bài kiểm tra nghiệp từ visual studio hoạt động tốt, bạn phải chạy thử nghiệm với IE. Nhưng chúng tôi sử dụng các công cụ phát triển Chrome thường xuyên hơn không.

• chúng tôi không sử dụng người chạy web hoa nhài chút nào. nghiệp chướng có tất cả những gì bạn cần.

• để làm cho mọi thứ dễ dàng, các tệp ứng dụng của chúng tôi nằm trong / tĩnh / bên trong dự án WebAPI của chúng tôi. Bằng cách này, bạn không cần một máy chủ khác để phục vụ các tệp tĩnh của mình.

• bạn có thể sử dụng NTVS để gỡ lỗi grunthoặc karmahoặc bất kỳ công cụ nào khác có trong quy trình xây dựng của bạn, từ Visual Studio.

• tích hợp với CI của chúng tôi (CCNet) rất đơn giản, chỉ cần gọi grunt ciđâu cilà nhiệm vụ thực hiện quá trình xây dựng và sau đó chạy thử nghiệm bằng cách sử dụng các trình báo cáo kiểu Junit thay vì các trình báo cáo kiểu bảng điều khiển.

• chúng tôi cũng đảm bảo rằng việc chạy quy trình xây dựng là tùy chọn. Quá trình xây dựng gói công cụ trong một distthư mục. Chúng tôi chạy thử nghiệm tích hợp trên thư mục này nhưng tại thời điểm phát triển, chúng tôi chạy trên jscác tệp thô (không được rút gọn hoặc nối). Các yeoman angularmẫu đã cho chúng tôi ở đó dễ dàng.

Tôi hi vọng cái này giúp được