Đánh giá và nhận ngay plugin Monokai Pro miễn phí trên VS Code

11
749

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.

giao dien monokai pro 1
Giao diện plugin Monokai Pro giúp VSCode mặc áo mới với nhiều tùy biến sâu

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:

  1. Extensions > Tìm từ khóa Monokai Pro > Install. Nhấn Reload.
  2. 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:

 

truy cap vao folder js 2

> Đố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!

 

Đánh giá và nhận ngay plugin Monokai Pro miễn phí trên VS Code
5 (100%) 4 vote[s]

11
Bình Luận Bài Viết

avatar
6 Comment threads
5 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
6 Comment authors
Nguyễn SơnVăn HùngTiền Minh VyBựhoangkygianlong Recent comment authors
Nguyễn Sơn | <span class="wpdiscuz-comment-count">10 comments</span>
Khách
Nguyễn Sơn | 10 comments

Cảm ơn anh ạ

Văn Hùng | <span class="wpdiscuz-comment-count">9 comments</span>
Khách
Văn Hùng | 9 comments

Cảm ơn đã chia sẻ, theme đẹp thật, lúc trước dùng sublime vì nhẹ và cũng có nhiều theme đẹp, nhưng giờ dần chuyển qua vscode vì thấy vscode hỗ trợ khá tốt cho lập trình react. Tiện thể mình cũng chia sẻ 1 exten khá là hay mình đang dùng là
https://marketplace.visualstudio.com/items?itemName=geeebe.duplicate
Extension này dùng cho việc duplicate selection or line mà mình rất hay dùng bên sublime nhưng bên vs k hỗ trợ

Tiền Minh Vy | <span class="wpdiscuz-comment-count">1 comments</span>
Khách
Tiền Minh Vy | 1 comments

Thanks bác, theme này đẹp thật.

Bự | <span class="wpdiscuz-comment-count">3 comments</span>
Khách
Bự | 3 comments

like like like

hoangkygianlong | <span class="wpdiscuz-comment-count">6 comments</span>
Khách
hoangkygianlong | 6 comments

thank you

Hoàng Kỳ Giáng Long | <span class="wpdiscuz-comment-count">6 comments</span>
Khách
Hoàng Kỳ Giáng Long | 6 comments

cảm ơn ạ