Bắt đầu với Visual Studio Code (VSC) trên Linux

[theanh]

Visual Studio Code (VSC)là một trình soạn thảo mã nguồn do Microsoft phát hành chỉ vài tháng trước. Phần mềm này dựa trên công cụ Atom và mặc dù không phải là mã nguồn mở, nhưng nó cung cấp một phiên bản hoạt động cho Linux mà bạn có thể thấy hữu ích vì một số lý do. Trong hướng dẫn này, chúng ta sẽ xem xét cách cài đặt, thiết lập và bắt đầu sử dụng VSC.

Tải xuống & Cài đặt​

Vào thời điểm viết bài viết này, VSC đang ở phiên bản 0.8.0, điều này cho thấy công cụ này chưa hoàn thiện 100%. Bạn có thể tải xuống bản phát hành xem trước này từ tại đâyvà giải nén tệp lưu trữ. Không cần cài đặt; để khởi chạy nó, chỉ cần nhấp đúp (chạy) tệp thực thi bên trong thư mục vừa tạo.

Khởi động nhanh​

Một điều cần lưu ý là VSC dựa trên thư mục chứ không phải dựa trên dự án. Từ menu, nhấn “File ? Open Folder” và mở thư mục chứa dự án của bạn. Ở đây, tôi đã dựng khung cho một dự án Expressjs.

Themes​

Một trong những điều đầu tiên bạn có thể muốn làm là thay đổi cài đặt trực quan hoặc các phím tắt của trình chỉnh sửa. Điều này sẽ giúp bạn làm việc hiệu quả hơn, vì vậy điều quan trọng là phải thiết lập đúng ngay từ đầu. Sau đây là cách thực hiện: Vào menu chính và chọn “File ? Preferences ? your option” như trong ảnh chụp màn hình sau:



VSC cung cấp trình chỉnh sửa cài đặt dạng văn bản ở định dạng JSON. Người dùng có khả năng ghi đè các giá trị mặc định, vì vậy khá tiện lợi. Trong ví dụ của tôi, tôi đã thay đổi phông chữ mặc định thành “Source Code Pro” và tôi cũng đã thay đổi chủ đề màu thành “Red”.

Bảng lệnh​

Bảng lệnh của VSC chắc chắn là một trong những tính năng mạnh nhất của trình soạn thảo này. Bạn có thể mở nó bằng cách nhấn “Ctrl+P”.



Có nhiều phím tắt có sẵn trong VSC. Nhấn ký tự “>” sẽ hiển thị các phím tắt (cũng có thể khởi chạy bằng “Ctrl+Shift+P”) nên đây có lẽ là điều quan trọng nhất cần nhớ vì bạn có thể kiểm soát mọi khía cạnh của phần mềm bằng cách sử dụng phím tắt.

Các ký tự “wild” cơ bản khác là:

• “?” Để được trợ giúp
• “@” Ký hiệu mở
• “:” để điều hướng dòng
• “!” để hiển thị lỗi và cảnh báo

Các tệp đang hoạt động​

Đây là các tệp hiện đang trong quá trình chỉnh sửa hoặc được gọi là "tab". VSC giữ các tệp đó trên thanh bên trái để bạn có thể nhấp vào chúng để lấy mã của chúng trên cửa sổ chính. Một cách thuận tiện hơn để duyệt qua chúng là sử dụng "Ctrl+Tab".



Nhấp chuột phải vào thanh bên sẽ hiển thị menu quản lý tệp. Thông qua menu này, chúng ta có thể tạo thư mục và tệp mới hoặc mở vị trí hiện tại trên thiết bị đầu cuối. Việc thay đổi vị trí của các tệp cũng có thể được thực hiện bằng cách kéo và thả.

Chỉnh sửa song song​

"Ctrl+\" sẽ mở thêm nhiều tab xem. Bạn cũng có thể thực hiện thao tác này bằng cách nhấn vào biểu tượng “split editor” ở góc trên bên phải hoặc nhấp chuột phải vào menu ở thanh bên trái.



“Alt+Nhấp chuột trái” cũng sẽ hiển thị nhiều con trỏ, trong khi một cách rất dễ để thêm nhiều con trỏ hơn là sử dụng “Ctrl+Meta+Down” hoặc “Ctrl+Meta+Up”.

Lưu tự động​

Thông thường, chúng ta chạy một số loại trình theo dõi, vì vậy chúng ta muốn lưu các tệp của mình một cách rõ ràng. Để bật/tắt tính năng “Lưu tự động”, hãy mở bảng lệnh (“Ctrl+Shift+P”) và nhập “auto” hoặc “save”.

Menu ngữ cảnh​

Nhấp chuột phải vào một biến sẽ hiển thị menu ngữ cảnh để chúng ta có thể điều hướng đến các tệp có định nghĩa. Trong ví dụ sau, express() được định nghĩa trên cùng một tệp, vì vậy chúng ta không thực sự điều hướng đến bất kỳ đâu.



Một điều bổ sung đáng lưu ý tại thời điểm này là khi con trỏ của chúng ta ở trên một biểu thức, chúng ta có thể sử dụng <Ctrl> để có thêm thông tin. Một điều tuyệt vời khác về VSC là nó được viết bằng Typescript, vì vậy ngay cả khi chúng ta viết bằng Javascript thuần túy, VSC sẽ hiểu các khai báo được định nghĩa kiểu!

Tìm kiếm & Thay thế​

“Ctrl+F” gọi hàm tìm kiếm và thay thế thông thường hỗ trợ regex, trong khi “Ctrl+Shift+F” (nằm ở thanh bên trái) sẽ cung cấp cho chúng ta khả năng tìm kiếm trên nhiều tệp.

Các tính năng đáng chú ý khác​

VSC là trình soạn thảo mã hoàn chỉnh, có hầu hết các tính năng mà bạn mong đợi tìm thấy trong trình soạn thảo, như tự động hoàn thành và tích hợp Git, và cuối cùng là hỗ trợ tô màu cú pháp và khớp dấu ngoặc cho tất cả các ngôn ngữ được sử dụng rộng rãi. Ví dụ, như được hiển thị trong ảnh chụp màn hình sau, tôi đã khởi tạo một git và thực hiện một thay đổi duy nhất cho mục đích trình diễn.



Một tính năng khác hiện chỉ khả dụng cho Node (Typescript Javascript) và thử nghiệm cho Mono (C# và F#) là hỗ trợ gỡ lỗi. Tuy nhiên, đây là vấn đề sâu sắc có thể được trình bày trong hướng dẫn thứ hai nếu bạn quan tâm (nêu trong phần bình luận). Hiện tại, bạn đã biết mọi thứ mình cần để bắt đầu sử dụng VSC. Chúc bạn viết mã vui vẻ!