Contents

10 mẹo tăng năng suất cần thiết cho Visual Studio Code

Visual Studio Code dễ dàng là trình soạn thảo văn bản lập trình tốt nhất. Đối với nhiều người, nó đã thay thế Sublime Text làm trình soạn thảo được họ lựa chọn. Đây là một ứng dụng JavaScript dựa trên Electron nhưng có tốc độ nhanh như chớp và không gặp phải các vấn đề về hiệu suất như nhiều ứng dụng JavaScript khác.

Thật vậy, đối với những ai tò mò, điều đáng chú ý là Visual Studio Code là một phần mềm nguồn mở và có thể được truy cập thông qua kho lưu trữ của nó trên GitHub. Để nâng cao hiệu quả của một người và hợp lý hóa quy trình làm việc của họ, sẽ rất hữu ích nếu bạn làm quen với một số tính năng chính của trình soạn thảo mã mạnh mẽ này.

Làm chủ bảng lệnh trong VS Code

/vi/images/vscode-command-palette.jpg

Sublime Text và người tiền nhiệm của nó, TextMate, đều sở hữu một tiện ích hấp dẫn được gọi là “bảng lệnh”. Công cụ cải tiến này cho phép người dùng thực hiện nhiều lệnh nhanh chóng thông qua việc nhập thủ công, loại bỏ nhu cầu điều hướng rườm rà thông qua con trỏ hoặc chuột.

Việc sử dụng bảng lệnh cho phép quy trình làm việc hiệu quả hơn khi điều hướng qua các tác vụ khác nhau trong môi trường lập trình của bạn. Bằng cách sử dụng phím tắt Control + Shift + P hoặc Command + Shift + P, người ta có thể truy cập vào danh sách mở rộng các hành động khả dụng được phân loại theo các tiêu đề như “Tệp”, “Git”, “Thiết bị đầu cuối” trong số những hành động khác. Chức năng của bảng màu cho phép người dùng nhập hành động mong muốn của họ bằng cách chỉ cần gõ nó ra, đồng thời cập nhật các tùy chọn được hiển thị trong thời gian thực. Điều này hợp lý hóa quá trình tìm kiếm và thực hiện các chức năng cụ thể, nâng cao năng suất tổng thể.

Đặt thư mục dự án đang hoạt động

/vi/images/project-directory-set-vs-code.jpg

Khi nhấp vào “Explorer” trong thanh bên điều hướng, một bảng điều khiển mới sẽ xuất hiện. Bảng điều khiển đã nói bao gồm hai phần riêng biệt có thể được truy cập bằng cách nhấp vào menu dấu chấm lửng và chọn “Trình chỉnh sửa mở” hoặc bằng cách hiển thị nó dưới dạng tùy chọn. Các phần này cụ thể là “Trình chỉnh sửa mở”, biểu thị danh sách các tệp và tài liệu hiện đang mở và “Không có thư mục nào được mở”. Đó là cái sau thu hút sự quan tâm của chúng tôi.

Khi nhấp vào tùy chọn “Mở thư mục” từ thanh menu hoặc bằng cách điều hướng đến nó thông qua menu Tệp, người ta có thể chọn bất kỳ thư mục nào có trên hệ thống của họ trong Visual Studio Code. Sau đó, thư mục đã chọn sẽ được chỉ định là dự án đang hoạt động, cấp khả năng truy cập liền mạch cho tất cả các tệp cấu thành và thư mục con của nó mà không cần phải chuyển đổi thường xuyên giữa trình khám phá tệp.

Xem nhiều tập tin cùng một lúc

/vi/images/viewing-files-side-by-side-vs-code.jpg

Hầu hết các trình soạn thảo văn bản hiện đại đều có khả năng xử lý đồng thời nhiều tài liệu, tạo điều kiện dễ dàng điều hướng giữa chúng thông qua giao diện người dùng theo thẻ. Một số trình soạn thảo văn bản phát triển cao còn cung cấp thêm tùy chọn tiến hành chỉnh sửa văn bản song song, một tiện ích cũng có sẵn trong Visual Studio Code (mặc dù nó chỉ hoạt động theo chiều dọc).

VS Code vượt trội trong việc cung cấp trải nghiệm cộng tác liền mạch ngay cả khi làm việc với kích thước màn hình nhỏ hơn, chẳng hạn như màn hình trên máy tính xách tay hoặc màn hình cũ. Tính năng này đặc biệt hữu ích cho những người dùng yêu cầu hợp tác thời gian thực hiệu quả trong khi điều hướng trong không gian hiển thị hạn chế.

Kết hợp một chức năng mới được gọi là “bảng động”, ứng dụng sẽ điều chỉnh một cách thông minh độ rộng của bảng tài liệu đang mở nếu kích thước của nó không đủ để xem thoải mái trong khi chủ động tập trung vào tài liệu nói trên. Cải tiến trực quan này có thể tỏ ra đặc biệt hấp dẫn đối với người dùng duy trì độ phân giải màn hình xấp xỉ 720p.

Chỉnh sửa nhiều dòng cùng một lúc

/vi/images/multiple-cursors-vs-code.jpg

Để thao tác hiệu quả nhiều lần xuất hiện của nội dung trong tài liệu, một phương pháp bao gồm việc tạo nhiều con trỏ thông qua phím tắt bằng cách nhấn đồng thời phím “Alt” (hoặc tương đương với nó, “Tùy chọn” dành cho người dùng Mac). Bằng cách nhấp vào các vị trí khác nhau trong văn bản, các con trỏ bổ sung này được tạo ra sau mỗi lần nhấn, cho phép chỉnh sửa hợp lý hơn khi thao tác với các đoạn mở rộng.

Kỹ thuật này tỏ ra rất có lợi khi xử lý các tình huống liên quan đến việc áp dụng cùng một phân loại nhiều lần, chẳng hạn như trong các phần tử HTML trong đó phải chỉ định nhiều phiên bản của một lớp cụ thể hoặc khi sửa đổi nhiều siêu liên kết để phù hợp với một cấu trúc cụ thể. Điều cần thiết là phải thành thạo phương pháp này và nắm bắt được lợi ích của nó.

Đi tới Định nghĩa

/vi/images/go-to-definition-vs-code.jpg

Khi gặp các biến hoặc phương thức không quen thuộc trong quá trình lập trình hoặc viết kịch bản, người ta có thể sử dụng một trong hai tùy chọn thuận tiện. Đầu tiên, bằng cách đặt con trỏ lên phần tử đã nói và nhấn F12, người dùng sẽ ngay lập tức được chuyển đến định nghĩa tương ứng của nó. Thứ hai, việc chọn thực thể mong muốn thông qua các phím tắt như giữ phím Control (Windows) hoặc Command (Mac) trong khi nhấp chuột sẽ đưa người dùng đến định nghĩa được đề cập.

Ngoài ra, người ta có thể sử dụng phím tắt thuận tiện bằng cách nhấn phím “Alt” cộng với nút “F12” hoặc phím “Cmd” cùng với phím “F12” trên máy tính Mac để truy cập định nghĩa mà không cần mở nó trong tài liệu gốc. Tính năng này trình bày định nghĩa ngay bên dưới vị trí con trỏ để dễ dàng và hiệu quả hơn.

Để thực hiện tìm kiếm ngược cho một biến hoặc phương pháp đã chọn, người ta có thể sử dụng phím tắt nhấn “Shift + F12”. Hành động này sẽ hiển thị tất cả các phiên bản của thực thể được chọn trong cơ sở mã, bao gồm cả những phiên bản xuất hiện ở vị trí con trỏ hiện tại.

Để sử dụng hiệu quả các chức năng này, cần thiết lập thư mục liên quan làm dự án đang hoạt động hiện tại (tham khảo Mẹo số 2 để được hướng dẫn thêm).

Đổi tên tất cả các lần xuất hiện

/vi/images/rename-symbol-vs-code.jpg

Tái cấu trúc là một thành phần quan trọng trong việc tạo và bảo tồn cơ sở mã được tổ chức tốt. Tuy nhiên, nó có thể là một nhiệm vụ đầy thách thức, đặc biệt khi xử lý các mô-đun quan trọng hoặc các phần mã mở rộng. Để giảm bớt gánh nặng này, Visual Studio Code cung cấp tính năng tự động hóa giúp đơn giản hóa ngay cả những thay đổi nhỏ như gán lại nhãn hoặc cập nhật tên hàm trên nhiều tệp.

Khi chọn một biến hoặc phương thức và thực hiện tổ hợp phím chức năng F2, người ta có thể sửa đổi mã định danh, sau đó sẽ cập nhật tham chiếu đến thực thể nói trên trong tất cả các trường hợp trong dự án không gian làm việc hiện đang hoạt động.

Để sửa đổi văn bản chỉ trong tài liệu hiện tại, hãy sử dụng tổ hợp bàn phím bao gồm Ctrl/Cmd + F2. Khi làm như vậy, Visual Studio Code sẽ định vị con trỏ bên cạnh mỗi phiên bản trên toàn bộ tệp.

Tìm kiếm trên nhiều tệp

/vi/images/searching-across-working-directory-vscode.jpg

Khi xử lý các tệp mã không phải nguồn và cần xác định các câu hoặc từ mà không biết về vị trí cụ thể của chúng trong dự án, người ta phải quay lại chức năng “Tìm” cơ bản như một giải pháp thay thế cho các khả năng định hướng biểu tượng không có sẵn đã thảo luận trước đó trong Mẹo. #5.

Giữ phím “Ctrl” hoặc “Command” và nhấn “F” cho phép người ta tìm kiếm một thuật ngữ cụ thể trong tài liệu hiện tại, đồng thời nhấn các phím “Shift” và “Cmd” hoặc “Control” theo sau là chữ cái “ F” cho phép tìm kiếm rộng rãi trên toàn bộ công việc có trong dự án đang hoạt động hiện tại, bao gồm tất cả các thư mục con lồng nhau.

Sử dụng dòng lệnh trong VS Code

/vi/images/integrated-terminal-vscode.jpg

VS Code cung cấp giao diện đầu cuối tích hợp cho phép người dùng truy cập các công cụ dòng lệnh và thực thi các lệnh trong dự án của họ. Giao diện của thiết bị đầu cuối phụ thuộc vào hệ điều hành của người dùng; trên Windows, nó hiển thị dưới dạng Dấu nhắc Lệnh, trong khi trên macOS và Linux, nó hiển thị dưới dạng dấu nhắc Bash. Bất kể hệ điều hành nào, thiết bị đầu cuối sẽ khởi chạy trong thư mục của dự án đang làm việc hiện tại, miễn là nó tồn tại hoặc mặc định là thư mục chính của người dùng.

Thật vậy, Terminal được thiết kế linh hoạt và dễ sử dụng, cho phép người dùng tạo thêm các cửa sổ terminal ảo bằng cách nhấp vào biểu tượng’+‘nằm ở góc trên cùng bên phải của cửa sổ ứng dụng. Ngoài ra, người ta có thể xóa phiên bản thiết bị đầu cuối hiện có bằng cách chọn biểu tượng thùng rác bên cạnh cửa sổ thiết bị đầu cuối mong muốn. Hơn nữa, menu thả xuống được cung cấp tạo điều kiện điều hướng liền mạch giữa các phiên cuối khác nhau mà không tiêu tốn quá nhiều diện tích hiển thị, không giống như giao diện theo thẻ có thể tiêu tốn đáng kể diện tích màn hình.

Cài đặt chủ đề mới trong mã VS

/vi/images/changing-themes-vs-code.jpg

Thật vậy, Visual Studio Code cung cấp cho người dùng khả năng tùy chỉnh đánh dấu cú pháp của văn bản và mã nguồn thông qua các chủ đề khác nhau. Tuy nhiên, khả năng này không mở rộng đến việc thay đổi giao diện của giao diện người dùng. Tuy nhiên, việc có một chủ đề được thiết kế tốt để làm nổi bật cú pháp có thể nâng cao đáng kể hiệu quả của một người trong các tác vụ viết mã.

Bạn có thể tìm thấy các chủ đề mới trên VS Code Marketplace (chúng miễn phí) hoặc bạn có thể tìm kiếm chúng trực tiếp trong VS Code. Hãy xem danh sách các chủ đề VS Code tốt nhất của chúng tôi trong trường hợp bạn cần đề xuất.

Cài đặt tiện ích mở rộng của bên thứ ba trong Mã VS

/vi/images/vscode-extensions-marketplace.jpg

Tính năng thiết yếu cuối cùng cần làm nổi bật là khả năng mở rộng của VS Code thông qua các tiện ích mở rộng của bên thứ ba. Đối với các chủ đề, bạn có thể tìm thấy chúng trên VS Code Marketplace (vâng, những thứ này cũng miễn phí) hoặc bạn có thể tìm kiếm chúng trong VS Code. Truy cập bảng Tiện ích mở rộng bằng phím tắt Ctrl \+ Shift \+ X (hoặc Shift \+ Cmd \+ X ).

Tiện ích mở rộng đóng vai trò là phương tiện quan trọng để nâng cao hiệu suất của một người trong Visual Studio Code. Kho lưu trữ này bao gồm một loạt các công cụ như trình mã hóa, trình gỡ lỗi, trình quản lý đoạn mã, tối ưu hóa hiệu suất cho môi trường phát triển tích hợp (IDE), công cụ xây dựng và thậm chí một số tiện ích bổ sung nhất định tận dụng ChatGPT để tạo điều kiện hợp lý hóa các quy trình lập trình trong VS Code.

Visual Studio Code là trình soạn thảo văn bản tốt nhất

Mặc dù VS Code đã thu hút được một lượng lớn người hâm mộ nhưng tính phù hợp của nó đối với từng cá nhân vẫn mang tính chủ quan và những giải pháp không hoàn hảo là điều không thể tránh khỏi. Cũng cần lưu ý rằng VS Code hoạt động chủ yếu như một trình soạn thảo văn bản chứ không phải là môi trường phát triển tích hợp (IDE).

Mặc dù chúng tôi không thể đảm bảo sự hài lòng của bạn nhưng chúng tôi khuyến khích bạn thử nghiệm sản phẩm của chúng tôi với quan điểm khách quan. Các tính năng cải tiến của chúng tôi có thể vượt qua sự mong đợi của bạn một cách tích cực.