- vừa được xem lúc

Tổng hợp các VS Code Extension bá đạo bạn nên có

0 0 65

Người đăng: Hoang Van Hoa

Theo Viblo Asia

Giới thiệu

Hiện tại, mình mới làm quen với VS code. Qua 1 thời gian tìm hiểu, mình thấy VS code khá là mạnh, nhất là về khoản có thể cài thêm ứng dụng mở rộng (extension).
Trong bài viết này, mình sẽ giờ thiệu về 1 số extension bá đạo mà bạn nên có. Những extension này sẽ giúp đỡ các bạn rất nhiều trong việc coding, mineset,...

Dracula Official Theme

ext install dracula-theme.theme-dracula

Đây là extension mình cảm thấy ưng ý nhất. Cài theme này, VS của trông sẽ rất dễ nhìn.
Bạn sẽ có nhưng chữ xanh, đỏ, tím, vàng tùy theo loại text và 1 phông nên tím tím cá tính. Cá nhân mình thấy rất phù hợp, code ban ngày, ban đêm đều được. Theme đang có 2M lượt tải và 5* voted.

VScode-icons

ext install vscode-icons

Ứng dụng này cung cấp cho bạn 1 thư viện icon cute phô mai que. Thanh project solution bên trái của bạn trông sẽ dễ nhìn hơn. Việc tìm kiếm file, folder sẽ dễ dàng hơn bao giờ hết. Ứng dụng đang có 7.1M lượt tải và 5* voted.

GitLens — Git supercharged

Cung cấp cho bạn tất tần tật mọi thứ về Git thông qua 1 giao diện đơn giản, dễ nhìn nhất. Cá nhân mình thích nhất Git blame khi dùng tool này.
Chỉ cần trỏ chuột vào là bạn có thể biết dòng code này ai viết, thay đổi những gì, từ khi nào,... Thực sự rất tiện lợi. Ngoài ra, merge conflict bằng tool này cũng rất nhanh chóng tiện lơi. Hãy tự mình trải nghiệm nhé.

Bracket Pair Colorizer

Sẽ không còn nỗi lo phải mờ mắt đi tìm đóng ngoặc chỗ này, mở ngoặc chỗ kia nữa. Bracket Pair Colorizer cung cấp 1 giao diện tiện lợi(tất nhiên cũng phải thật màu mè) để bạn dễ dàng kiểm soát ma trận mở đóng ngoặc của mình.
Ngoài màu ra, những đường kẻ được tạo ra cũng giúp kiểm soát ngoặc rất tốt. Nói chung là không có chỗ chê. Ứng dụng đang có 4.5M lượt tải và 4.5* voted.

Code Spell Checker

Mọi lập luận của bạn đều sai khi bạn sai chính tả. Đó là chân lý. Ứng dụng này sẽ giúp các bạn tránh được những lỗi sai chính tả làm mù mắt chính bản thân bạn và cả reviewer bằng 1 đường vẽ xanh nhạt ngay dưới chân từ sai kèm 1 thông báo khi bạn di chuột vào. Ứng dụng này cũng cực kì thông minh khi có thể kiểm tra cả những từ được bạn viết liền nhau nữa đó. ứng dụng này khiêm tốn với 1.2M lượt tải và 4.5* thôi nhưng thực sự rất cần thiết.

Setting Sync

Biến nhà và công ty thành 1. Đúng như tên goi, tool này sẽ đồng bộ hóa tất cả setting của bạn ở mọi nơi, miễn là bạn đăng nhập thành công. Tool này có 1.5M lượt tải và 4.5*

TabNine

Hơn cả gợi ý. Tool này sẽ cung cấp cho bạn những gợi ý chính xác, hữu dụng nhất sử dụng công nghê AI. Bạn sẽ có cảm giác dường như tool này nó biết mình định viết gì vậy, cải thiện được tốc độ code đáng kể.
Tuy có 1 điểm yếu là tool này khá nặng, tốn hẳn 2GB khi load nên chỉ dùng khi có thể thôi nha.
Ví đây là tool mới nên chỉ có 140k lượt tải thôi, nhưng mà xịn thật sự.

ESLint

Cuối cùng nhưng theo mình đánh giá là quan trọng nhất: ESLint. Tool này sẽ giúp bạn tránh được lỗi khi coding convention, thò ra, thụt vào, xuống dòng, thiếu khai báo,... tất tần tât.
Việc sử dụng tool này giúp thống nhất coding convention trong 1 project, giúp reviewer đỡ mất công review những thứ kể trên, khiến code trông dễ đọc, dễ nhìn dẫn đến dễ hiểu, dễ maintain.
Tiện lợi quá phải không. Không phải ngẫu nhiên mà tool này đứng thứ 3 về lượt tải chỉ sau Python và C/C++ với 13M lượt và 4.5*.

Tổng kết

Trên đây là những chia sẻ của mình: 1 starter type script, mới tập tành dùng VS code nhưng mong muốn chia sẻ 1 chút với mọi người.
Rất mong được mọi người góp ý. ❤️

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 528

- vừa được xem lúc

Cài đặt WSL / WSL2 trên Windows 10 để code như trên Ubuntu

Sau vài ba năm mình chuyển qua code trên Ubuntu thì thật không thể phủ nhận rằng mình đã yêu em nó. Cá nhân mình sử dụng Ubuntu để code web thì thật là tuyệt vời.

0 0 411

- vừa được xem lúc

Đặt tên commit message sao cho "tình nghĩa anh em chắc chắn bền lâu"????

. Lời mở đầu. .

1 1 777

- vừa được xem lúc

Tìm hiểu về Resource Controller trong Laravel

Giới thiệu. Trong laravel, việc sử dụng các route post, get, group để gọi đến 1 action của Controller đã là quá quen đối với các bạn sử dụng framework này.

0 0 374

- vừa được xem lúc

Phân quyền đơn giản với package Laravel permission

Như các bạn đã biết, phân quyền trong một ứng dụng là một phần không thể thiếu trong việc phát triển phần mềm, dù đó là ứng dụng web hay là mobile. Vậy nên, hôm nay mình sẽ giới thiệu một package có thể giúp các bạn phân quyền nhanh và đơn giản trong một website được viết bằng PHP với framework là L

0 0 464

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 436