VS Code và Sublime Text là 2 editor yêu thích nhất của mình. Mình tin chắc bất cứ developer nào cũng đã dùng qua 1 trong 2 thằng này vì tính phổ biến cũng như tiện lợi của nó.
Hôm nay mình sẽ hướng dẫn các bạn cách nhận Monokai Pro – 1 plugin nổi tiếng với 200.000 lượt cài đặt trên marketplace hoàn toàn miễn phí trên editor VS Code.
I. Tìm hiểu về Monokai Pro:
Gồm color scheme, icon và UI dộc đáo cho VS Code. Nói chung có nó sẽ thay đổi toàn bộ giao diện từ màu sắc code, các icon hiện bên sidebar cho dễ phân biệt đến việc thay đổi lại UI của VS Code đẹp hơn, ngầu hơn.
Thằng này lớn nên có trang web riêng: https://monokai.pro
Monokai thì chắc a/e dev quá quen rồi, bản này là bản Pro cho cài miễn phí dùng hay hiện popup. Muốn tắt popup thì bỏ ra 9,95 Euro ~ 260k VNĐ.
=> đại khái là thằng này cool ngầu nhưng tốn phí. Các bạn có thể mua ủng hộ tác giả, vì đây là blog thủ thuật nên có gì hay thì mình share.
II. Cách nhận Monokai Pro hoàn toàn miễn phí:
Bạn cần chuẩn bị:
- Phần mềm VS Code (trên Windows, Mac) đều áp dụng được.
- Máy tính cần kết nối Internet.
Bước #1. Cài đặt Monokai Pro và kích hoạt nó trong VS Code:
- Extensions > Tìm từ khóa
Monokai Pro
> Install. NhấnReload.
- Gõ
Ctrl + Shift + P
> Monokai Pro: select theme
Bước #2. Truy cập vào folder chứa file cần sửa:
> Đối với VS Code trên Windows:
> Đối với VS Code trên MacOS:
Từ Terminal
các bạn gõ: cd ~/.vscode/extensions/monokai.theme-monokai-pro-vscode
Ok, tiếp theo cả MacOS và Windows đều làm giống nhau.
Bước #3. Mở file trong js/app.js
:
Bước #4. Làm đẹp đoạn code bị nén. Mình hay cài đặt plugin Beautify. Sau đó Ctrl + Shift + P
> Beautify File là ok.
Bước #5. Tìm từ khóa key: “isValidLicense”,
Bước #6. Thay đổi dòng này:
return !(!e || !t) && t === (0, n.default)("" + a.default.APP.UUID + e) .match(/.{1,5}/g) .slice(0, 5).join("-")
thành
return true
Bước #7. Đóng VSCode và mở lại là bạn đã có bản Monokai Pro rồi đấy!