• Bỏ qua primary navigation
  • Skip to main content
  • Bỏ qua primary sidebar

Thủ thuật thiết kế website

Chia sẻ kinh nghiệm thiết kế website

  • Trang chủ
  • Joomla
    • Thủ thuật Joomla
    • Joomla Extensions
    • Joomla Themes
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • PHP Framework
    • Codeigniter
    • Laravel
    • Laminas
  • App Developer
    • React Native
    • Flutter
  • SEO
  • Chia sẻ
  • Phần mềm
Bạn đang ở:Trang chủ / Chia sẻ / Cách cài đặt phông chữ JetBrains Mono trong Visual Studio Code

Cách cài đặt phông chữ JetBrains Mono trong Visual Studio Code

10/01/2025 - Administrator Để lại bình luận

JetBrains Mono là một phông chữ monospaced được thiết kế đặc biệt cho việc lập trình, giúp tăng cường khả năng đọc và thẩm mỹ trong các IDE và trình soạn thảo mã như Visual Studio Code (VSCode). Với chiều cao x tăng để cải thiện khả năng đọc, hình dạng chữ cái được tối ưu hóa để căn chỉnh rõ ràng và bộ ligature thân thiện với nhà phát triển giúp nâng cao các toán tử nhiều ký tự, JetBrains Mono là lựa chọn ưa thích của nhiều lập trình viên. Việc cài đặt JetBrains Mono trong VSCode có thể nâng cao môi trường lập trình của bạn, làm cho nó vừa chức năng vừa hấp dẫn về mặt thị giác.

Tại sao nên sử dụng JetBrains Mono trong Visual Studio Code?

Visual Studio Code (VSCode) là một trong những trình soạn thảo mã phổ biến nhất trong giới lập trình viên, được biết đến với tính linh hoạt, các tiện ích mở rộng hữu ích và hiệu suất cao. Bằng cách thêm JetBrains Mono, một phông chữ được thiết kế đặc biệt cho việc lập trình, bạn có thể cải thiện cả khả năng đọc và thẩm mỹ trong trình soạn thảo của mình. Dù bạn đang gỡ lỗi, viết mã hay xem xét các tập lệnh, JetBrains Mono trong VSCode mang lại trải nghiệm mượt mà và hấp dẫn hơn về mặt thị giác.

Bước 1: Tải xuống phông chữ

Trước khi cài đặt JetBrains Mono trong VSCode, bạn cần truy cập trang web chính thức của JetBrains Mono tại https://www.jetbrains.com/lp/mono/ để tải xuống các tệp phông chữ.

Bước 2: Di chuyển các tệp phông chữ vào Thư viện Phông chữ Hệ thống

Sau khi tải xuống, bạn sẽ tìm thấy các tệp được nén trong thư mục tải xuống của mình. Giải nén chúng và sao chép tất cả các tệp .ttf vào clipboard.

Tiếp theo, sử dụng lệnh “Go to Folder” trong Finder (trên menu trên cùng, chọn Go > Go to Folder hoặc sử dụng phím tắt cmd+shift+G) để mở thư mục /Library/Fonts.

Cuối cùng, dán các tệp phông chữ .ttf đã sao chép vào thư mục /Library/Fonts.

Bước 3: Thiết lập phông chữ JetBrains Mono trong VSCode

Mở bảng lệnh (cmd + shift + p) trong VSCode và truy cập trình chỉnh sửa cài đặt JSON.

Sau đó, thiết lập editor.fontFamily thành JetBrains Mono và nếu bạn muốn sử dụng các ligature, đặt editor.fontLigatures thành true. Lưu tệp.

"editor.fontFamily": "JetBrains Mono",
"editor.fontLigatures": true

Bước 4: Thoát và khởi động lại VSCode

Để phông chữ được nhận diện chính xác trong Visual Studio Code, bạn cần thoát hoàn toàn chương trình (cmd+q) và mở lại. (Lệnh “Reload Window” có thể không hoạt động trong trường hợp này.)

Bước 5: Xác nhận JetBrains Mono hoạt động

Bạn sẽ nhận thấy sự khác biệt ngay khi mở lại một tệp trong trình soạn thảo. Phông chữ sẽ không còn là Times New Roman nữa và các ký tự sẽ hẹp hơn và cao hơn so với phông chữ mặc định.

Để chắc chắn hơn, bạn có thể thử nhập một toán tử không bằng (!=) để xem ligature đặc biệt của nó hoạt động.

Và đó là tất cả những gì bạn cần làm! Hãy tận hưởng phông chữ miễn phí và mã nguồn mở tuyệt vời này trong Visual Studio Code.

Để biết thêm mẹo và thủ thuật khi làm việc với Visual Studio Code, bạn có thể tham khảo khóa học “Visual Studio Code for Vue.js Developers” tại Vue School.

Lưu ý: Hướng dẫn trên được thực hiện trên hệ điều hành macOS. Đối với các hệ điều hành khác, các bước có thể khác nhau.

Để biết thêm chi tiết, bạn có thể tham khảo bài viết gốc tại: https://vueschool.io/articles/vuejs-tutorials/how-to-install-jetbrains-mono-font-in-visual-studio-code/

0 0 đánh giá
Article Rating
Theo dõi
Đăng nhập
Thông báo của
guest
guest
0 Comments
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận

Sidebar chính

LỜI NGỎ

Đây là blog cá nhân, cung cấp các thông tin, kiến thức và kinh nghiệm về lập trình và cuộc sống. Những bài viết được mình sưu tập từ nhiều nguồn, mọi chi tiết liên quan đến bản quyền xin vui lòng liên hệ qua email kairu2607@gmail.com ! Cám ơn rất nhiều.

Tìm kiếm

Thủ thuật Wordpress

T

Tạo trang chuyển hướng download cho WordPress

[flatsome ] Text Ticker (fade) For Top Bar In Flatsome Theme

[Flatsome] Text Ticker (Fade) for Top Bar in Flatsome Theme

Định Dạng ảnh Webp Là Gì ? Làm Thế Nào để Sử Dụng Webp Trên Wordpress 2024 Mới Nhất ?

Định dạng ảnh WebP là gì ? Làm thế nào để sử dụng WebP trên WordPress 2024 mới nhất ?

X

Xử Lý Lỗi Không Xem Được Giỏ Hàng Và Thanh Toán Woocommerce Website WordPress

Vì Sao Rank Math Vượt Trội – SEO WordPress 2023

Hướng Dẫn Ghi đè (override) Folder Inc Trong Child Theme Flatsome

Hướng dẫn ghi đè (override) folder INC trong child-theme Flatsome

Hướng Dẫn Quản Lý Trang Trong Website WordPress

Laravel

Một số câu hỏi câu hỏi phổ biến phỏng vấn tuyển dụng lập trình viên Laravel

Thiết kế cấu trúc folder HMVC cho Laravel

Tại sao lại sử dụng Laravel Service và Repository Pattern?

[Laravel 7] Tổ chức theo dạng Package/Module trong ứng dụng Laravel – P3: khai báo config, translation, helpers và migrations

[Laravel 7] Tổ chức theo dạng Package/Module trong ứng dụng Laravel – P2: Route và mô hình MVC

[Laravel 7] Tổ chức theo dạng Package/Module trong ứng dụng Laravel – P1: Giới thiệu và khởi tạo cấu trúc thư mục cơ bản

Codeigniter Framework

[CodeIgniter 4] Codeigniter 4 Remove Public and Index.php From URL

[CodeIgniter 4] How to upload Codeigniter 4 website on share hosting?

Sửa lỗi website Codeigniter 2.x không chạy được với PHP 7.x

[CodeIgniter 4] Sử dụng cURL trong CodeIgniter 4

[CodeIgniter 4] Sử dụng cache để tăng tốc website trong CodeIgniter 4

[CodeIgniter 4] Xử lý hình ảnh chuyên nghiệp trong CodeIgniter 4

[CodeIgniter 4] Hướng dẫn gửi mail trong CodeIgniter 4

Dịch vụ Thiết Kế Website

Phần mềm hay

Hướng dẫn chuyển đổi php version trong ~/.zshrc ở MacOs

Tim Hieu Ve He Dieu Hanh Macos 1

Sửa file Hosts trong hệ điều hành MacOS

Hướng dẫn sử dụng phần mềm putty trên Windows

Switching between multiple PHP versions on macOS

Byebye Edge Chromium/Microsoft Edge

Copyright © 2025 · Metro Pro on Genesis Framework · WordPress · Đăng nhập

wpDiscuz