Kiến thức lập trình ứng dụng, Website, PHP,  Java, HTML, CSS
Trang chủ
  • PHP
  • Liên hệ
  • HTML
  • CSS
  • JavaScript
  • PHP
  • Server
  • Java
  • Tri thức
  • SQL
  • Grunt
  • Liên hệ
Công cụ Grunt § 1 Grunt - Cài đặt § 2 Grunt đơn giản nhất § 3 Grunt nhiều tác vụ § 4 Tác vụ watch § 5 Grunt với SASS § 6 Grunt với JS
  • Lập trình PHP
    • PSR
    • Laminas
    • SPL
    • Xenforo
    • Zend Framework
  • Lập trình ứng dụng iOS - Swift
  • Ruby
    • Sketchup
  • Lập trình Dart - Flutter
  • Lập trình C# (C Sharp)
    • Lập trình C# Cơ bản
  • Server
    • MySql Server
    • Windows
    • Apache
    • PHP
  • HTML
  • Javascript
    • JQuery
    • TypeScript - Angular
  • CSS
    • Sử dụng SASS / SCSS
    • Bootstrap - CSS Framework
  • SQL
    • SQL Server ( .NET Framework - C#)
    • MS Access
  • Java
    • Android Java
  • Thuật ngữ - Các vấn đề cơ bản
  • Tools
    • Git và GitHub
    • Kubernetes
    • Mathematica
    • SSH - Secure Shell
    • Grunt
    • Elasticsearch
    • Docker
    • macOS
    • English Study
  • Tin tức công nghệ
  • Tri thức & Khoa học
    • Yoga
  • Tools
(Bài tiếp) Grunt đơn giản nhất

Grunt

Grunt là gì?

Grunt là gì Grunt là một công cụ Javascript tự động thi hành các tác vụ, Grunt được viết bằng Node.js (Viết bởi Ben Alman từ năm 2012) hiện đang phân phối bằng npm của Node.js. Các tác vụ mà Grunt cung cấp rất nhiều (cung cấp thông qua các plugin với trên 6000 plugin, cũng là một module Node.js, xem thêm Grunt Plugins), nếu danh sách cung cấp không đủ bạn cũng có thể tự xây dựng Task riêng của mình.

Rất nhiều công ty, tổ chức đã sử dụng Grunt như: Adobe Systems, jQuery, Twitter, Mozilla, Bootstrap, Cloudant, Opera, WordPress, Walmart, and Microsoft

Tóm lại, nếu bạn có nhiều tác vụ thực hiện thủ công trên một dự án - với nhiều công cụ khác nhau (Ví dụ kiểm tra xem code có lỗi không, code không lỗi thì biên dịch (ví dụ scss -> css), biên dịch xong thì đổi tên file, nén file ...). Thì với Grunt thì các tác vụ đó được mô tả gắn gọn trong 1 file, sau đó bạn ra lệnh cho Grunt tự động thực hiện lần lượt các tác vụ đó giúp bạn.

Cài đặt Grunt

Grunt là một module của Node.js quản lý bởi npm (Trình quản lý các gói package của Node))của Node.js. Do vậy bạn cần cài đặt Node.js và npm trước (tải và cài đặt tại Download NodeJS)

Cài đặt Node.js và NPM trên Windows

Bạn chỉ việc tải trình cài đặt phù hợp với phiên bản Windows (32, 64-bit), sau khi cài đặt bạn sẽ có NodeJS và NPM

Cài đặt Node.js và NPM trên Ubuntu

# sudo app install nodejs
# sudo app install npm

Cài đặt Node.js và NPM trên CentOS

# yum update -y
# yum install nodejs npm -y

Kiểm tra NodeJS và NPM

Sau khi cài đặt xong, từ terminate (dòng lệnh) gõ

# node -v
v8.10.0                         #Hiện thị phiên bản -> Node đã cài thành công
# npm -v
3.5.2                           #Hiện thị phiên bản -> NPM đã cài thành công

Cài đặt gói Grunt vào NodeJS

# npm install -g grunt-cli
#Nếu lỗi chạy lại
# sudo npm install -g grunt-cli

Đến đây bạn đã có đầy đủ công cụ để sử dụng Grunt, dưới đây là những hướng dẫn sử dụng bắt đầu từ cơ bản nhất.

Công cụ Grunt § 1 Grunt - Cài đặt § 2 Grunt đơn giản nhất § 3 Grunt nhiều tác vụ § 4 Tác vụ watch § 5 Grunt với SASS § 6 Grunt với JS
(Bài tiếp) Grunt đơn giản nhất
Giới thiệuPrivacyTừ điển Anh - ViệtChạy SQLRegExpCubic-bezierUnix timestampKý tự HTMLcalories, chỉ số BMRchỉ số khối cơ thể BMITạo QR CodeLịch vạn niên Liên hệ RSS

Đây là blog cá nhân, tôi ghi chép và chia sẻ những gì tôi học được ở đây về kiến thức lập trình PHP, Java, JavaScript, Android, C# ... và các kiến thức công nghệ khác
Developed by XuanThuLab

DMCA.com Protection Status