20 Phím tắt hữu dụng trong Visual Studio Code (VS Code) cho Mac OS

Visual Studio Code là phần mềm hữu ích và rất tiện lợi giúp các lập trình viên thao tác với code của mình. Trước Gà có sử dụng Sublime Text, bạn cũng có thể sử dụng bất cứ trình soạn thảo nào để code, tư duy coding và thiết kế mới là điều quan trọng nhất. Phần mềm hay bất cứ công cụ nào chỉ là hỗ trợ mọi việc trở nên dễ dàng hơn, nhanh chóng hơn.

Bài này Gà xin tổng hợp và chia sẻ lại những tips, mẹo sử dụng với VS Code cho Mac OS. VS Code có thể sử dụng cho cả Windows, MacOS và Linux Ubuntu, đây là điều tuyệt vời đầu tiên của một phần mềm là đa nền tảng hỗ trợ. Vì mình đang sử dụng MacOS, ở windows cũng có các shortcut tương tự với điều chỉnh một chút về phím.

Về lập trình hay làm system, mình khuyến nghị các bạn sử dụng hotkey hay shortcut từ bàn phím nhiều nhất có thể để cải thiện tốc độ, sự tiện lợi và sự tập trung trong công việc. Hạn chế sử dụng chuột.

1/ Sửa nhiều dòng cùng lúc

Đây là tính năng mà mình sử dụng nhiều nhất, bạn dùng phím Alt để chọn các vị trí hoặc khối để sửa cùng lúc. Hữu hiệu khi bạn muốn thêm 1 class trong html cho các thành phần cùng lúc hoặc sửa tên biến nào đó.

Hotkey: Alt

2/ Xuống dòng và thêm mới một dòng

Thông thường khi coding bạn cần đến cuối dòng, và enter để có dòng mới. Trong thế giới lập trình đôi lúc bạn sửa trên 1 dòng và xuống dòng mới. Việc phải đến tận cuối dòng và xuống dòng sẽ là cực hình và tội bàn phím (hoặc chuột).

Hotkey: Cmd + Enter

3/ Nhân bản dòng hiện tại lên trên hoặc xuống 1 dòng (Copy and Paste current row to new row up or down)

Đôi lúc khi bạn styling cần tạo web template cần duplicate dòng hiện tại trên VS Code thành 1 dòng mới. Để tránh phải gà như mình thời gian đầu là phải copy thử công, enter tạo dòng mới và paste. Bạn có thể làm nhanh gọn bằng cách sau:

Hotkey: Shift + Option + Up/Down

4/ Tạo nhanh 1 div / class trên VS Code

Chỉ việc gõ dấu .ten-class hoặc #ten-id VS Code sẽ tự tạo ra div và class/id bên trong

5/ Join khối

Bạn chỉ cần lựa chọn 1 khối, bạn có thể gộp nhiều dòng thành 1 dòng để nhìn cho gọn. Tính năng này hữu ích khi bạn code đã hoàn thành và cần có map nhìn gọn gàng, rút gọn code, đỡ phải cuộn lên xuống nhiều.

Hotkey: Ctrl + J

6/ Code Folding

Thỉnh thoảng bạn cần gom code bạn theo các block để có cái nhìn tổng thể xem có bị thiếu gì không. Bạn có thể dùng code folding / unfolding.

Folding hotkey: Cmd + Option + [

Unfolding hotkey: Cmd + Option + ]

7/ Chia cửa sổ code thành nhiều cửa sổ nhỏ (Split VS Code)

Đôi khi bạn muốn phân chia cửa sổ thành 2, 3 hoặc thậm chí 4 khung để cùng nhìn code. Giả sử bạn vừa muốn nhìn thấy html code và css để code dễ hơn chẳng hạn.

Bạn có thể làm việc này dễ dàng bằng 02 cách:

Cách 01: Cmd + \

Cách 02: Cmd + 2 (Chia 02 cửa sổ). Cmd+3 (Chia 03 cửa sổ). Cmd+4 (Chia 04 cửa sổ).

8/ Tự động Xuống dòng khi coding

Mặc định, VS Code khi bạn gõ 1 đoạn dài, thường là dùng thẻ <p>, VS Code sẽ tràn màn hình và bạn phải cuộn. Điều này mình thấy không thoải mái lắm và thường để dạng fixed width.

Cách làm như sau:

Bước 1: Code / Preferences

Bước 2: Editor Word Wrap => Chỉnh sang ON.

9/ Lựa chọn và chỉnh sửa các từ giống nhau

Bạn có thể lựa chọn các từ giống nhau, thường là biến đặt trong code và sửa tên.

Bước 1: Chọn từ / biến cần thay đổi

Bước 2: Cmd + D

Bước 3: Gõ cụm từ cần thay đổi và VS Code sẽ tự động thay thế các biến mà có highlighted Cmd+D ở trên.

10/ Đóng mở sidebar 

Đôi lúc khi code bạn không cần mở sidebar để tối ưu không gian làm việc.

Hotkey: Cmd+B

11/ Đến một dòng bất kỳ trong code

Đôi lúc bạn có 1 file code quá dài và cuộn chuột không phải là cách hay. Bạn có thể đến một dòng bất kỳ bằng cách gõ số sau khi bấm tổ hợp phím sau:

Hotkey: Ctrl + g

12/ Xóa một từ

Việc gõ sai là rất bình thường nhưng với mặc định bạn bấm delete trên Macos chỉ có thể xóa 1 ký tự.

Để xóa cả 1 từ bạn làm như sau:

Hotkey: Cmd + Delete

13/ Xóa 1 dòng

Hotkey: Cmd + x

14/ Thêm con trỏ ở đầu hoặc cuối dòng

Đây là tính giups code siêu nhanh và như một nhà ảo thuật khi code. bạn có thể change code ở nhiều dòng cùng lúc.

Hotkey: Cmd + Alt + Up/Down

15/ Mở và di chuyển giữa các file

Đầu tiên làm việc này sẽ thấy chậm và khó chịu, nhưng đã quen thì lại rất nhanh và không bị ngắt mạch suy nghĩ.

Hotkey: Cmd + P

Enter file name

 

Kết luận 

Còn rất nhiều hotkey hay shortcut mà bạn có thể sử dụng trong VS Code tùy thuộc vào tác vụ mà các bạn thao tác hàng ngày. Bạn có thể tham khảo thêm ở VS Code.

Linux: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf

Window: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

macOS: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf

Mong nhận được nhiều chia sẻ kinh nghiệm hay khi sử dụng VS Code nói riêng và các phần mềm soạn thảo code khác nói chung từ các bạn nhé.

iGà

 

 

 

Topics #coding #ide #visual studio #vs code