Đầu tiên mình xin giới thiệu đôi chút về Zen Coding. Zen Coding là một thành phần hỗ trợ cho Notepad++, cho phép các nhà phát triển web có thể viết html, css, javascript hay mã nguồn nào đó một cách nhanh hơn. Nó có thể cho bạn một số thời gian để bạn có thể làm việc trên nhiều điều sáng tạo thay vì tìm hiểu xem html, css, class và còn có thể hiểu được những đoạn mã bắt đầu và kết thúc... Nếu đây là lần đầu tiên bạn biết đến Zen Coding, thì bạn hãy xem kỹ một số ví dụ của chúng tôi và tải file về để trải nghiệm nhé.
Sau đây mình xin hướng dẫn các bạn cài đặt và sử dụng Zen Coding Trong Notepad++, giúp các bạn viết code nhanh hơn và dễ dàng hơn.
1. Nếu muốn viết mã html5 bạn chỉ cần nhập html:5 rồi bấm tổ hợp phím (Ctrl+E) thì nó sẽ tự động điền các class cần thiết cho bạn.
2. Nếu bạn muốn viết dòng văn bản chữ đậm bạn chỉ cần bấm chữ b rồi bấm tổ hợp phím (Ctrl+E) thì nó sẽ tự dộng chèn ngay cập thẻ <b>|</b> ngay.
3. Nếu bạn muốn dùng lệnh gọi class của css thì bạn chỉ cần bấm tên của class .list1 rồi bấm tổ hợp phím (Ctrl+E) thì nó sẽ chèn ngay cập thẻ <div class="list1">|</div> ngay.
4. Nếu bạn muốn dùng lệnh gọi ID của css thì bạn chỉ cần bấm tên của ID #photo rồi bấm tổ hợp phím (Ctrl+E) thì nó sẽ chèn ngay cập thẻ <div id="photo">|</div> ngay.
5. Còn đây mới là phần hay nhất của Zen Coding đây, bạn muốn viết một loạt lệnh gọi? Thật đơn giản hay xem nào ở đây mình sẽ gọi các lệnh sau: #img, .list, div, ul và 5 thẻ li là phần tử cha của đường link có tên class là title (tất cả các tên thẻ bạn phải viết liền nhau, mỗi thẻ cách nhau bằng dấu + nếu chỉ muốn ngắt dòng hoặc dấu > nếu muốn ngắt dòng có lề). Thì chúng ta sẽ viết như thế này: #img>.list+div>ul>li*5>a.title rồi bấm tổ hợp phím (Ctrl+E). Waaa thật là ngạc nhiên không nào quá nhanh quá nguy hiểm. Còn rất nhiều tiện ích nữa các bạn tự khám thêm nha.
Đến phần cài đặt thôi nào. Bạn tải file bên dưới về rồi giải nén vào thư mục bất kỳ thì ta được một folder NppScripting và một file NppScripting.dll. Bạn chuyển hai em này vào thư mục mà bạn đã cài Notepad++. Đường dẫn mặc định là C:\Program Files\Notepad++\plugins. Bạn cũng có thể copy đường link này dán trực tiếp vào khung Address của My Computer.
Hãy khởi động lại Notepad++ lại nếu nó hiện đang mở. Bạn sẽ tìm thấy một menu Zen Coding mới ở thanh menu. Mr. Phan Nhân chúc các bạn thành công.
▼ Tải tệp tin về máy miễn phí (Package Application | rar | 0.1MB)
► Thông báo: gói tệp tin đã được admin kiểm tra hoàn toàn không có mã độc hại & được quét virus trực tuyến bởi Google Drive. Các bạn có thể tải file về máy để sử dụng. Nhập mật khẩu mrphannhan nếu file yêu cầu.