Góc hạt giống có phải là dự án trống rỗng trên thực tế để bắt đầu?

Sau khi được thuyết phục để tìm hiểu và sử dụng Angular.js, tôi sẽ bắt đầu một ứng dụng giao diện người dùng web cụ thể để khởi chạy bánh xe học tập trải nghiệm. (Ứng dụng sẽ là một số loại lập kế hoạch cá nhân, thực hiện danh sách, nhắc nhở, định hướng kỹ thuật pomodoro, v.v.)

Một trong những video hướng dẫn tôi đã xem của tác giả Angular là về các phương pháp hay nhất. Và một trong những cách tốt nhất là bắt đầu với angular-seeddự án.

Đó là những gì tôi sẽ làm, nhưng sau khi googling một chút, đã có ít nhất hai dự án khác được cho là điểm khởi đầu tốt:

• angular-enterprise-seed
• angular-sprout

Tôi mới bắt đầu, nhưng tôi thích đầu tư dài hạn. Tôi có nên lo lắng về việc sử dụng thứ gì khác angular-seedkhông? Tôi cảm thấy còn quá sớm để tự hỏi mình câu hỏi này, nhưng nếu đã có hai dự án khác, có lẽ có một số lý do chính đáng.

Tôi nhận thấy rằng mặc dù nhiều người sử dụng các dự án hạt giống khác nhau, nhưng điểm khởi đầu dễ dàng và nhất quán nhất cho một ứng dụng góc cạnh (hoặc bất kỳ ứng dụng web javascript nào) là Yeoman .

Ứng dụng này là một công cụ giàn giáo cho phép bạn chỉ định các trình tạo sẽ xây dựng nhân của ứng dụng của bạn, hoàn chỉnh với bất kỳ thư viện nào bạn muốn (thông qua bower ) và tệp xây dựng grunt đang hoạt động (hầu hết các trình tạo đều có sẵn tác vụ xây dựng, máy chủ nhiệm vụ chỉnh sửa trực tiếp và tác vụ thử nghiệm)

Mặc dù một ứng dụng như thế này nhất thiết phải có ý kiến, nhưng khung mà nó tạo ra vẫn rất chung chung.

thí dụ:

mkdir my-app
cd my-app
npm install generator-angular
npm install generator-karma
yo angular

Tất cả chúng đều có giá trị khác nhau vì vậy nó phụ thuộc vào những gì bạn đang tìm kiếm để làm. Tôi đã viết góc cạnh-doanh nghiệp-hạt giống và có thể nói lên giá trị tương đối của nó.

1. Nó là máy chủ bất khả tri. Điều này rất quan trọng vì nguyên lý cốt lõi của AngularJS và một trong nhiều điều làm cho nó hấp dẫn là nó tuân theo mô hình Client MVC. Điều này có nghĩa là nó được tách biệt hoàn toàn khỏi bất kỳ và tất cả các công nghệ máy chủ. Nhiều hạt giống hiện có liên kết AngularJS với các công nghệ máy chủ, chẳng hạn như góc cạnh (NodeJS) hoặc nướng-feta (Google App Engine / Java). Trong trường hợp của các dự án nói trên, nếu môi trường NodeJS và / hoặc Java chưa có trên hệ thống của bạn, thì bạn sẽ phải trải qua một vài vòng chỉ để xem hạt giống xuất hiện. Điều này có thể khiến các nhà phát triển PHP và Python xa lánh, dẫn đến hạn chế cộng đồng của dự án.

2. Lên và chạy trong vài giây. Bởi vì nó là máy chủ bất khả tri, nó có thể được chạy trong bất kỳ vùng chứa nào (heck hệ thống tệp cho vấn đề đó). Phương pháp được đề xuất đang chạy "python -m SimpleHTTPServer" từ thư mục gốc - phương pháp này có nguồn gốc trên Mac và Linux nên không có bước bổ sung.

3. Xem trước trực tiếp. Thật rẻ khi kiểm tra trạng thái của dự án vì phiên bản trực tiếp luôn được lưu trữ trên github . Bởi vì đó là máy chủ bất khả tri, điều này được thực hiện tự động bằng cách sao chép trang cái vào nhánh gh-pages từ công việc cron.

4. Kiểu dáng phong phú. Nó bao gồm Twitter Bootstrap và tùy chỉnh / có thể xây dựng LESS ngoài hộp, cùng với Angular-UI, Angular-NG, phông chữ và vô số công cụ khác để cung cấp khả năng đáp ứng và tạo kiểu phong phú.

5. Vật dụng. Giống như Angular-Seed và Angular-Sprout, Angular-Enterprise-Seed thể hiện cách bố trí, định tuyến, v.v. "thực tiễn tốt nhất", v.v. Nhưng nó cũng cung cấp một loạt các thành phần được tạo sẵn có thể được đưa ra khỏi kệ và sử dụng lại ngay lập tức. Điều này hơi khó thực hiện vì nó có thể đòi hỏi sự hội tụ của một số công nghệ. Ví dụ: để tạo ví dụ lưới, tôi đã kết hợp góc-ui, góc-ng, góc-js và kiểu jquery. Có các ví dụ thành phần cho các phương thức, phân trang, cảnh báo, lưới và hơn thế nữa.

Angular-seed là một bài tập học thuật tuyệt vời nếu bạn muốn tìm hiểu cách thức hoạt động của các mảnh ghép, nhưng nó sẽ khiến bạn khao khát có được một điểm nhảy quan trọng hơn.

Tôi đã không sử dụng góc cạnh nên tôi không thể nói về giá trị của nó. Có lẽ có một số chỗ để hợp nhất góc-mầm và góc-doanh nghiệp-hạt giống?

Tôi nhận ra rằng đây là một câu hỏi cũ hơn, nhưng nó có vẻ có nhiều quan điểm, vì vậy, thật hợp lý khi đề xuất những gì gần đây đã trở thành một sự thay thế rất phổ biến cho cả Yeoman và angle-seed: ng-boilerplate . ng-boilerplate khác với angle-seed ở chỗ nó được thiết kế từ đầu cho các ứng dụng web sản xuất lớn và do đó theo tôi là một giải pháp tốt hơn angle-seed.

Để giải thích sự khác biệt giữa phương pháp khởi động ứng dụng của Yeoman và ng-boilerplate, tôi sẽ trích dẫn người tạo ra ngbp, Josh D. Miller :

Yeoman thật tuyệt vời. Nhưng vấn đề tôi gặp phải với các trình tạo cho AngularJS là chúng đóng gói theo lớp thay vì theo tính năng. Nếu chúng tôi lưu trữ tất cả bộ điều khiển trong thư mục "bộ điều khiển" và tất cả các dịch vụ trong thư mục "dịch vụ", v.v. và tất cả các thử nghiệm của chúng tôi ở một nơi nào đó hoàn toàn khác, thì việc sử dụng lại các thành phần của chúng tôi có thể khá khó khăn.

Đây cũng là cuộc thảo luận khá hay của Josh trên diễn đàn các vấn đề về máy tạo góc Yeoman, đi sâu hơn về việc thiết lập ng-boilerplate so với yeoman.

Chỉ cần nói rõ, Yeoman không phải là một máy phát điện. Yeoman là một định dạng / hệ thống để chế tạo máy phát điện. Có một số trình tạo được tạo bằng Yeoman mà bạn có thể sử dụng để tạo ứng dụng AngularJS. Mọi người thường gọi nhầm một trong số chúng là "máy phát điện Yeoman". Nhưng có rất nhiều. Bạn bối rối chưa? Yeoman không phải là hệ thống sản xuất máy phát điện duy nhất. Bữa nửa buổi là một bữa khác.

Để trả lời câu hỏi của bạn, đây là một so sánh song song rất toàn diện của nhiều trình tạo AngularJS mà người ta có thể sử dụng để bắt đầu tạo một ứng dụng web với AngularJS. Hiện tại, nó chứa hơn 200 khía cạnh khác nhau của những thứ này. Một trong số đó là phong cách tổ chức tệp. Vì vậy, bạn có thể dễ dàng xem cái nào sắp xếp các tệp theo tính năng nếu điều đó quan trọng với bạn. Đó là đối với tôi.

Vẫn còn một số trong số này sẽ được thêm vào. Hai được đề cập trong chủ đề này là mới đối với tôi. Nhưng so sánh này sẽ cung cấp cho bạn một ý tưởng tốt về các tùy chọn và cách chúng so sánh. Nó cũng có thể chỉnh sửa, vì vậy nếu bất kỳ ai trong số các bạn là chuyên gia về bất kỳ điều gì trong số này, hãy chia sẻ những gì bạn biết.

Chỉ có Chúa mới biết tại sao mọi người tiếp tục làm ra ngày càng nhiều những thứ này thay vì chỉ giúp cải thiện những thứ hiện có. Nếu bạn có bất kỳ phỏng đoán nào, tôi rất muốn được giải đáp bí ẩn đó.

CHỈNH SỬA: để có quyền truy cập vào tài liệu, tôi yêu cầu bạn hoàn thành bảng câu hỏi để chia sẻ kiến ​​thức của bạn về điều gì đó hoặc vận động các chuyên gia làm như vậy.

Vào đây để thực hiện một bảng câu hỏi: http://www.dancancro.com/technology-questionnaires/

Tôi cũng thích sử dụng Yeoman. Hãy thử những điều này để có được một giàn giáo tốt:

npm install -g generator-angular  # install generator
yo angular                        # scaffold out a AngularJS project
bower install angular-ui          # install a dependency for your project from Bower
grunt test                        # test your app
grunt server                      # preview your app
grunt                             # build the application for deployment