Skip to main content

Command Palette

Search for a command to run...

Thiết lập VS code của tôi

[translate]My Visual Studio Code Setup

Published
3 min readView as Markdown
Thiết lập VS code của tôi

Awesome

Bạn sử dụng IDE hoặc trình soạn thảo nào để code? Bạn có sử dụng VS code không? Bạn đã cài đặt những extension nào để tăng performance của mình? Có rất nhiều công cụ trong VScode có thể hữu ích cho bạn. Do vậy hôm nay mình chọn reup lại bài với nội dung này. Nếu có bất kì sai xót nào mong các bạn comment phía dưới. Cho một thế giới awesome hơn.


Nội dung

Nhiều người hỏi tôi rằng, tôi sử dụng các extension và theme nào trong VScode? Và đây là câu trả lời cho câu hỏi đó.

Theme tôi dùng: The Best Theme

Tôi rất thích sử dụng theme này bởi vì nó trông sáng và làm cho tôi có tâm trạng code.

zmgpoxy8ioy8ygle86v8.png

Font tôi dùng: Fira Code

Tôi thực sự thích sử dụng Fira Code bởi vì nó trông rất ngầu - "cool" và nó rất dễ để cài đặt.

image.png

Những extension yêu thích của tôi

  1. TabNine

image.png

TabNine rất hữu dụng cho code JavaScript, nó tăng tốc tốc độ code của tôi. Nó phải là một extension phải cài đặt đối với bất kỳ lập trình viên JS nào.

  1. Discord Rich Presence Trước khi cài đặt extension này:

image.png

Sau khi cài đặt extension này:

image.png

Tôi thực sự thích Discord RPC mà nó thêm vào.

  1. Auto Close Tag Tự động thêm một thẻ đóng khi bạn nhập closing bracket - đóng ngoặc của thẻ mở.

close-tag.gif

  1. Auto Rename Tag Khi bạn thay đổi tên một thẻ HTML/XML, nó sẽ tự động thay đổi tên của thẻ đóng HTML/XML.

usage.gif

  1. Live Server Một Live Server phát triển nhanh chóng với browser trực tiếp lắng nghe thay đổi. Start hoặc Stop server bằng một cú click từ thanh trạng thái.

vscode-live-server-animated-demo.gif

  1. Live Share VS Live Share cho phép bạn chỉnh sửa và debug real time bất kể ngôn ngữ lập trình nào mà bạn sử dụng để xây dựng chương trình. Nó cho phép bạn chia sẻ trực tiếp dự án hiện tại trên máy, debug, terminal, localhost web, cuộc gọi thoại - voice call, và nhiều hơn nữa.

1_73SgvYrtOG9UupYb2ODejA.gif

  1. .gitignore Generator Nếu bạn không có tệp .gitignore bạn sẽ được gọi ý ngay lập tức với danh sách tất cả các công cụ, framework, ... Bạn có thể lựa chọn hoặc bỏ chọn phần tử bằng cách chọn vào checkbox. Fuzzy-search được sử dụng để tăng tốc độ.

1.gif

  1. Babel JavaScript Dự án này hỗ trợ: ES201x JavaScript React (bao gồm JSX) FlowType Hỗ trợ highlight - làm nổi bật code GraphQL

image.png

Đây là tất cả các extension và theme yêu thích của tôi.

Cảm ơn bạn đã đọc bài này.


Nguồn: https://dev.to/code2rithik/my-visual-studio-code-setup-483k