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:
- Giới thiệu về Yeoman
- Bower, trình quản lý gói trình duyệt
- Giới thiệu về thử nghiệm giao diện người dùng
- Sử dụng node-webkit để tạo Ứng dụng trên máy tính để bàn
- VS Code: sử dụng cài đặt dành riêng cho ngôn ngữ
- Giới thiệu về Webpack
- Hướng dẫn ngắn gọn và đơn giản về Babel
- Giới thiệu về Yarn
- Tổng quan về Công cụ phát triển trình duyệt
- Định dạng mã của bạn với Prettier
- Giữ mã của bạn sạch sẽ với ESLint
- Danh sách các mẹo và thủ thuật thú vị dành cho Chrome DevTools
- Kiểm tra JavaScript với Jest
- Cách sử dụng mã Visual Studio
- Giới thiệu về Electron
- Bưu kiện, một gói web đơn giản hơn
- Tham chiếu Emmet cho HTML
- Công cụ JavaScript V8
- Cấu hình mã VS
- Định cấu hình dòng lệnh macOS
- Cách tắt quy tắc ESLint
- Cách mở VS Code từ dòng lệnh
- Cách thiết lập tải lại nóng trên Electron