Giới thiệu về Yeoman

Yeoman là một trong những đứa trẻ tuyệt vời trong sân, là nỗ lực tổng hợp của rất nhiều nhà phát triển đáng kính để cung cấp một công cụ đơn giản hóa việc thiết lập và quản lý các dự án ứng dụng web

Cảnh báo: bài đăng này đã cũ và có thể không phản ánh tình trạng hiện tại của nghệ thuật

Yeoman là một trong những đứa trẻ tuyệt vời trong sân, là nỗ lực tổng hợp của rất nhiều nhà phát triển đáng kính để cung cấp một công cụ đơn giản hóa việc thiết lập và quản lý các dự án ứng dụng web: dành ít thời gian hơn để học X các công cụ khác nhau, tính nhất quán hơn và dễ sử dụng .

Có rất nhiều điểm quan tâm ở Yeoman, trong đó quan trọng nhất là:

  • nó được xây dựng dựa trên các công cụ vững chắc để cung cấp khả năng truy cập dễ dàng và sử dụng chúng nhanh chóng, không cần trí tuệ. Không phát minh lại bánh xe.
  • nó là một công cụ giàn giáo cho các khuôn khổ phổ biến nhất, hãy nghĩ đến Bootstrap, Ember.js, Angular.js, Backbone.js
  • nhờ vàoBower(một trình quản lý gói frontend tương tự như Jam, Volo, Ender - nhưng tốt hơn), nó có các trình trợ giúp cài đặt, gỡ cài đặt và cập nhật nhanh chóng cho các lib phổ biến như jQuery, Underscore.js, Modernizer, Mocha, Backbone và bất kỳ gói Bower nào đã có sẵn .
  • nó có tích hợp thử nghiệm, sử dụng mocha chống lại phiên bản PhantomJS (trình duyệt không đầu) khi được khởi chạy từ dòng lệnh hoặc các thử nghiệm khác chạy trong trình duyệt khi bạn mở trang test / index.html trong trình duyệt.
  • nó cung cấp một máy chủ HTTP python để kiểm tra mã của bạn. Khi máy chủ web đang chạy, nó sẽ lắng nghe các thay đổi tệp trong dự án của bạn và tải lại trình duyệt khi trang bạn đang mở có các phụ thuộc vào tệp đã thay đổi. Vì vậy, bạn thậm chí không cần một chương trình phụ trợ trước khi bắt đầu viết mã giao diện người dùng.

Xây dựng một dự án Yeoman rất dễ dàng. Trước tiên, hãy cài đặt nó:

$ curl -L get.yeoman.io | sh

Sau đó nhập vào một thư mục trống và gõ

$ yeoman init

Thao tác này sẽ hiển thị cho bạn một màn hình chào mừng và danh sách các tùy chọn về những gì bạn muốn thêm vào dự án.

Bạn có thể bắt đầu một dự án Ember.js mới bằng cách nhập

$ yeoman init ember

Điều này tạo ra một ứng dụng Ember.js mới, tạo một tập hợp cơ bản gồm các mô hình, bộ điều khiển và chế độ xem / mẫu (và các thư mục của chúng), thêm các thẻ script cho tất cả các phụ thuộc (jQuery, Handlebars) và tạo tệp index.html dựa trên HTML5 dự án nồi hơihttp://html5boilerplate.com/.

Bạn có thể sử dụng Yeoman để khởi động dự án, cập nhật các phần phụ thuộc trong dự án của mình, chạy thử nghiệm, v.v. Và, khi dự án đã sẵn sàng để triển khai, bạn có thể tận dụng lợi thế của Grunthttps://github.com/cowboy/gruntđược xây dựng ở Yeoman bằng cách gọi là "xây dựng yeoman", để nó mềm, biên dịch mọi thứ để sản xuất, nối và thu nhỏ tập lệnh và kiểu, nén hình ảnh, v.v.


Các hướng dẫn khác dành cho devtools: