Mã phòng thu hình ảnh javascript

Bài viết Sử dụng Visual Studio Code từ A đến Z dành cho các bạn mới bắt đầu học lập trình cho các anh em lập trình viên đã đi làm. Trong bài viết này mình sẽ hướng dẫn các bạn cách sử dụng visual studio code (VSCode) từ các thao tác cơ bản cho đến các mẹo khi sử dụng để tăng quá trình gấp mã nhiều lần. Ngoài ra mình còn tổng hợp các tiện ích mở rộng hay cách tạo đoạn mã, phím tắt tiện ích trong VSCode

1. Sơ lược về Visual Studio Code

• Trong tất cả các trình soạn thảo mã nguồn, thì mình thích nhất Visual Studio Code bởi vì nó được cung cấp hoàn toàn miễn phí và có hầu hết các tính năng đầy đủ mà lập trình viên cần
• Nó có thể chạy trên rất nhiều nền tảng khác nhau, nên khi mình thành công sử dụng nó, mình từ Windows chuyển sang Mac hay Linux cũng không phải băn khoăn khi đi tìm trình soạn thảo khác
• Mã VScode hỗ trợ mình rất là nhiều ngôn ngữ và có rất nhiều tiện ích mở rộng đi kèm theo để hỗ trợ giúp quá trình soạn thảo của chúng ta nhanh chóng và dễ dàng hơn

2. Hướng dẫn cho người mới bắt đầu

Mình sẽ cho anh em link video hướng dẫn cơ bản về VScode, ở đây anh em sẽ học được các thao tác thường dùng khi sử dụng VScode

3. Hướng dẫn tạo khối lệnh, tự tạo đoạn trích cho riêng mình

Tạo đoạn trích sẽ giúp anh em nhập nhanh hơn, nhập chính xác những dòng lệnh dài. Ví dụ như mình hay sử dụng bảng điều khiển. log() thì mình sẽ tạo đoạn mã khi mình gõ zlog thì tự động nó sẽ gõ ra console. log() cho mình

Trong khi code, có rất nhiều đoạn mã nguồn được sử dụng lặp đi lặp lại rất nhiều lần. Việc tạo ra những đoạn trích này sẽ giúp các bạn tiết kiệm thời gian khá nhiều.  

hướng dẫn video.  

4. Sử dụng các phím tắt trong Visual Studio Code

Các phím tắt chung

#Phím Tắt Chức năng 1 Ctrl + Shift + PHiển thị bảng lệnh Ctrl + PMmở nhanh, vào tệp3Ctrl + Shift + NTạo cửa sổ mới. 4Ctrl + Shift + WĐóng cửa sổ

Các phím tắt chỉnh sửa cơ bản

#Phím TắtChức năng1Ctrl + XCắt dòng2Ctrl + CSao chép dòng3Di chuyển lên / xuốngAlt +  Up / Down4Shift + Alt  +  Up / DownSao chép dòng lên / xuống5Ctrl + Shift + KXóa dòng6Ctrl + EnterChèn dòng bên dưới7Ctrl + Shift + EnterChèn dòng trên8Ctrl + ] / [

Các phím tắt điều hướng

#Phím Tắt Chức năng 1 Ctrl + Hiển thị tất cả các biểu tượng 2 Ctrl + GChuyển đến dòng. 3Ctrl + PChuyển đến tệp4Ctrl + Shift + MBảng điều khiển sự cố5F8Chuyển đến lỗi hoặc cảnh báo tiếp theo6Shift + F8Chuyển đến lỗi hoặc cảnh báo trước đó

Các phím tắt đa con trỏ và tùy chọn

#Phím tắtChức năng1Alt + ClickChèn con trỏ2Ctrl + Alt +  Up / DownChèn con trỏ trên /dưới3Ctrl + UHoàn tác thao tác con trỏ cuối cùng4Ctrl + Shift + LChọn tất cả các lần xuất hiện của lựa chọn hiện tại5Ctrl + F2 Chọn tất cả các lần xuất

Các phím tắt chỉnh sửa ngôn ngữ

#Phím tắtChức năng1Ctrl + SpaceKích hoạt gợi ý2Ctrl + Shift + SpaceKích hoạt gợi ý tham số3Shift + Alt + FĐịnh dạng tài liệu4Ctrl + K MThay đổi ngôn ngữ tập tin5Ctrl + K Ctrl + FLựa chọn định dạng6F12Chuyển đến Định nghĩa7Alt + F12Peek Định nghĩa8Ctrl + K F12Mở Định nghĩa

Các phím tắt quản lý trình soạn thảo

#Phím tắtChức năng1Ctrl + F4, Ctrl + WĐóng editor2Ctrl + K F Đóng thư mục3Ctrl + \Chia editor4Ctrl + 1 / 2 / 3 Tập trung vào nhóm soạn thảo 1, 2 hoặc 35Ctrl + K Ctrl + Trái / PhảiTập trung vào nhóm soạn thảo trước / sau theo6Ctrl

Các phím tắt quản lý tập tin

#Phím tắtChức năng1Ctrl + NTập tin mới2Ctrl + OMmở tệp3Ctrl + Lưu4Ctrl + Shift + Lưu thành5Ctrl + K Lưu tất cả6Ctrl + F4Đóng7Ctrl + K Ctrl + WTất cả8Ctrl + Shift + TMmở lại trình chỉnh sửa đã đóng

Các phím tắt về hiển thị

#Phím tắtChức năng1F11Bật chế độ toàn màn hình2Shift + Alt + 0Chuyển đổi bố cục trình soạn thảo (ngang / Dọc)3Ctrl + = / -Phóng to /thu nhỏ4Ctrl + BChuyển đổi chế độ hiển thị Sidebar5Ctrl + Shift + EHiển thị Explorer / Chuyển đổi tiêu điểm6Ctrl +

Các phím tắt Debug

#Phím tắtChức năng1F9Chuyển đổi điểm ngắt2F5Bắt đầu / Tiếp tục3Shift + F5Dừng lại4F11 / Shift + F11Bước vào / ra5F10Bước qua6Ctrl + K Ctrl + IHiển thị di chuột

Các phím tắt tích hợp thiết bị đầu cuối

#Phím tắtChức năng1Ctrl + `Hiển thị terminal2Ctrl + Shift + `Tạo terminal mới 3Ctrl + CSao chép lựa chọn4Ctrl + VDán vào terminal

Với cách sử dụng phím tắt VScode thì ZendVN cũng đã có hàng loạt video hướng dẫn cho anh em các phím tắt chúng ta thường xuyên sử dụng nhất

5. Tiện ích mở rộng hữu ích cho lập trình viên

Tiện ích mở rộng là các phần mở rộng được chúng ta lựa chọn và cài đặt vào, nó hỗ trợ chúng ta viết mã nhanh hơn, báo lỗi, nhắc lệnh, hỗ trợ chạy mã tệp bất kỳ

Có rất nhiều extension cho VScode nhưng ZendVN đã nghiên cứu và tìm ra những extension hay và hữu ích nhất, phù hợp với mọi anh em lập trình

#Phím tắtVideo hướng dẫn1Extension Quokka - Kết quả Realtime Code2vscode-icons - bộ Icon đẹp cho các thư mục, tệp trong VScode3Material Icons - bộ Icon đẹp cho các thư mục, tệp trong VScode4Extension Drawio - Vẽ biểu đồ trực tiếp tại VScode5Extension Live Server - Đánh giá trực tiếp

Và còn rất nhiều thứ hữu ích nữa, mình sẽ tiếp tục cập nhật thêm cho anh em

Như vậy mình đã tổng hợp các hướng dẫn và chia sẻ các mẹo Visual Studio Code cho anh em, chúc anh em ngày càng tiến xa hơn nữa trên con đường lập trình.  

Nếu anh em thấy hay thì chia sẻ giúp mình để mình có thêm động lực tiếp tục cập nhật nội dung và ra thêm bài viết mới Hỗ trợ anh em trong lập trình công việc. Cảm ơn anh em đã theo dõi bài viết