Làm đẹp code với Monokai dành cho các nhà phát triển chuyên nghiệp.
Hi các bạn đã khá lâu rồi Chiasefree.com chưa viết bài nào hay ra hồn hết do dạo gần đây mình chuyển qua công việc mới nên bận rất nhiều không có thời gian ngồi viết những thứ tào lào trên đời nhưng rất hữu ích cho các bạn 😀 đùa thui mình đang chém gió mùa Covid-19 đó :))
Bắt tay vào vấn đề chính hôm nay luôn mình muốn chia sẽ miễn phí với các bạn về plugin Monokai Pro chức năng làm đẹp cho code sử dụng trên Sublime và Vscode (Visual Studio Code).
Nội dung chính
Vậy Monokai là cái quái gì?
Monokai là bảng màu, chủ đề giao diện người dùng tùy chỉnh và bộ biểu tượng hoàn chỉnh được đặt cho Sublime Text và Vscode. Nó đã được thiết kế bởi tác giả Monokai . Các màu sắc được lựa chọn cẩn thận là nền tảng của giao diện người dùng không thỏa hiệp, không gây mất tập trung. Mục tiêu duy nhất của Monokai là cho phép bạn tập trung vào mã của mình.
Hiện tại thời điểm mình viết bài này thì Monokai trên Marketplace đã có 512.272 lượt tải và cài đặt, một con số không hề nhỏ.
Monokai có 2 phiên bản: miễn phí (đời mà đâu ai cho không cái gì đâu, đã sử dụng miễn phí thì phải chấp nhận hiện popup) và bản trả phí ( tắt popup với giá 9,95 Euro tương đương khoảng 266k).
Bài viết này mình hướng dẫn các bạn 1 thủ thuật nhỏ để sử dụng phiên bản Monokai Pro không tốn 1 xu nào :D. (Nếu có điều kiện thì nên ủng hộ tác giả nhé các bạn.).
Cách nhận Monokai Pro cho Sublime Text và Vscode
Trước khi bắt đầu thì các bạn nên cài Sublime hoặc Vscode trước nhé.
1. Đối với Vscode
Extensions -> tìm từ khóa ‘Monokai Pro‘ -> Install
Dùng phím tắt: Ctrl + Shift + P -> Monokai Pro: select theme
Truy cập vào folder chứa file cần sửa: C:\Users\User\.vscode\extensions\monokai.theme-monokai-pro-vscode-1.1.17\js/app.js
Mở file app.js lên tìm từ khóa: isValidLicense bạn để ý đoạn đầu tiên nhé, sau đó thay đoạn code sau:
|
1 |
return!.....join("-") thành return true |
Đóng Vscode và mở lại sẽ thành Monokai Pro 😀
2. Đối với Sublime Text
- Xem thêm: Sublime Text – Trình soạn thảo cực đỉnh
Package Control -> Install Package -> Theme -> Monokai Pro
Chọn tiếp: Monokai Pro: select theme
Package Settings -> Settings – user dán đoạn code sau:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
{ "gutter_theme": "Packages/Theme - Monokai Pro/Monokai Pro.gutter-theme", "styles": [ { "mark_style": "none", "priority": 1, "scope": "region.orangish", "icon": "warning", "types": [ "warning" ] }, { "mark_style": "none", "priority": 1, "scope": "region.redish", "icon": "error", "types": [ "error" ] } ] } |
Lưu lại rồi tắt Sublime đi và mở lại sẽ trở thành bản Monokai Pro.
Hy vọng bài viết này sẽ giúp ích cho các bạn muốn làm đẹp cho code thiết kế của mình. Nếu có thắc mắc gì vui lòng để lại comment bên dưới nhé. Chúc các bạn thành công.
Add Comment