Visual Studio Code trước hết là một trình soạn thảo và bao gồm các tính năng bạn cần để chỉnh sửa mã nguồn hiệu quả cao. Chủ đề này sẽ hướng dẫn bạn những kiến thức cơ bản về trình chỉnh sửa và giúp bạn tiếp tục với mã của mình Show
Các phím tắt bàn phímCó thể giữ tay trên bàn phím khi viết mã là rất quan trọng để có năng suất cao. VS Code có một bộ phím tắt mặc định phong phú cũng như cho phép bạn tùy chỉnh chúng
Nhiều lựa chọn (đa con trỏ)VS Code hỗ trợ nhiều con trỏ để chỉnh sửa đồng thời nhanh chóng. Bạn có thể thêm con trỏ phụ (được hiển thị mỏng hơn) bằng Alt+Click . Mỗi con trỏ hoạt động độc lập dựa trên ngữ cảnh mà nó nằm trong đó. Một cách phổ biến để thêm nhiều con trỏ hơn là sử dụng ⌥⌘↓ (Windows Ctrl+Alt+Down, Linux Shift+Alt+Down) or ⌥⌘↑ (Windows Ctrl+Alt+Up, Linux Shift+Alt+Up) that insert cursors below or above.
⌘D (Windows, Linux Ctrl+D ) selects the word at the cursor, or the next occurrence of the current selection.
Công cụ sửa đổi nhiều con trỏNếu bạn muốn thay đổi phím bổ trợ để áp dụng nhiều con trỏ cho Cmd+Click trên macOS và Ctrl+Click on Windows and Linux, you can do so with the 23 setting. This lets users coming from other editors such as Sublime Text or Atom continue to use the keyboard modifier they are familiar with.Cài đặt có thể được đặt thành
Ngoài ra còn có một mục menu Sử dụng Ctrl+Click for Multi-Cursor trong menu Lựa chọn để nhanh chóng chuyển đổi cài đặt này Cử chỉ Chuyển đến Định nghĩa và Mở Liên kết cũng sẽ tôn trọng cài đặt này và điều chỉnh để chúng không xung đột. Ví dụ: khi cài đặt là 24, bạn có thể thêm nhiều con trỏ bằng Ctrl/Cmd+Click và mở liên kết hoặc chuyển đến định nghĩa có thể được gọi bằng . Alt+Click.Thu hẹp/mở rộng lựa chọnThu nhỏ hoặc mở rộng nhanh lựa chọn hiện tại. Kích hoạt nó bằng ⌃⇧⌘← (Windows, Linux Shift+Alt+Left) and ⌃⇧⌘→ (Windows, Linux Shift+Alt+Right). Dưới đây là ví dụ về mở rộng lựa chọn với ⌃⇧⌘→ (Windows, Linux Shift+ . ): Cột (hộp) lựa chọnĐặt con trỏ vào một góc rồi giữ Shift+Alt trong khi kéo sang góc đối diện. Ghi chú. Điều này thay đổi thành Shift+Ctrl/Cmd khi sử dụng Ctrl/Cmd làm . Ngoài ra còn có các ràng buộc phím mặc định để chọn cột trên macOS và Windows, nhưng không có trên Linux KeyCommandCommand ID ⇧↓ (Windows Ctrl+Shift+Alt+Down , Linux ) Cột Chọn Xuống 1 ⇧↑ (Windows Ctrl+Shift+Alt+Up , Linux ) Cột Chọn Lên_______02 ⇧← (Windows Ctrl+Shift+Alt+Left , Linux ) Cột Chọn bên trái_______03 ⇧→ (Windows Ctrl+Shift+Alt+Right , Linux ) Cột Chọn Phải 4 ⇧PageDown (Windows Ctrl+Shift+Alt+PageDown , Linux ) Cột Chọn Trang Xuống 5 ⇧PageUp (Windows Ctrl+Shift+Alt+PageUp , Linux )Cột Chọn Trang Lên 6Bạn có thể chỉnh sửa 7 của mình để liên kết chúng với thứ gì đó quen thuộc hơn nếu muốnChế độ chọn cộtTrình chỉnh sửa cài đặt người dùng. Lựa chọn cột kiểm soát tính năng này. Sau khi vào chế độ này, như được chỉ ra trong thanh Trạng thái, cử chỉ chuột và các phím mũi tên sẽ tạo ra một lựa chọn cột theo mặc định. Chuyển đổi toàn cầu này cũng có thể truy cập được thông qua mục menu Lựa chọn > Chế độ chọn cột. Ngoài ra, người ta cũng có thể tắt chế độ Chọn cột từ thanh Trạng thái Lưu / Lưu tự độngTheo mặc định, Mã VS yêu cầu một hành động rõ ràng để lưu các thay đổi của bạn vào đĩa, ⌘S (Windows, Linux Ctrl+S). Tuy nhiên, thật dễ dàng để bật 8, tính năng này sẽ lưu các thay đổi của bạn sau khoảng thời gian trễ được định cấu hình hoặc khi tiêu điểm rời khỏi trình chỉnh sửa. Với tùy chọn này được bật, không cần phải lưu tệp một cách rõ ràng. Cách dễ nhất để bật 8 là sử dụng nút chuyển đổi Tệp > Tự động lưu để bật và tắt tính năng lưu sau một khoảng thời gian trễĐể kiểm soát nhiều hơn đối với 8, hãy mở cài đặt Người dùng hoặc Không gian làm việc và tìm các cài đặt được liên kết
thoát nóngMã VS sẽ ghi nhớ các thay đổi chưa được lưu đối với tệp khi bạn thoát theo mặc định. Thoát nóng được kích hoạt khi đóng ứng dụng qua Tệp > Thoát (Mã > Thoát trên macOS) hoặc khi đóng cửa sổ cuối cùng Bạn có thể định cấu hình thoát nóng bằng cách đặt 09 thành các giá trị sau
Nếu xảy ra sự cố với thoát nóng, tất cả các bản sao lưu được lưu trữ trong các thư mục sau cho các vị trí cài đặt tiêu chuẩn
Tìm và thay thếVS Code cho phép bạn nhanh chóng tìm văn bản và thay thế trong tệp hiện đang mở. Nhấn ⌘F (Windows, Linux Ctrl+F ) to open the Find Widget in the editor, search results will be highlighted in the editor, overview ruler and minimap. Nếu có nhiều hơn một kết quả trùng khớp trong tệp được mở hiện tại, bạn có thể nhấn Enter và ⇧Enter (Windows, Linux Shift+Enter) to navigate to next or previous result when the find input box is focused. Chuỗi tìm kiếm hạt giống từ lựa chọnKhi Find Widget được mở, nó sẽ tự động điền văn bản đã chọn trong trình chỉnh sửa vào hộp tìm đầu vào. Nếu vùng chọn trống, từ bên dưới con trỏ sẽ được chèn vào hộp nhập thay thế Có thể tắt tính năng này bằng cách cài đặt 90 thành 91Tìm trong Lựa chọnTheo mặc định, các thao tác tìm được chạy trên toàn bộ tệp trong trình chỉnh sửa. Nó cũng có thể được chạy trên văn bản đã chọn. Bạn có thể bật tính năng này bằng cách nhấp vào biểu tượng bánh hamburger trên Find Widget Nếu bạn muốn nó là hành vi mặc định của Find Widget, bạn có thể đặt 92 thành 93 hoặc thành 94, nếu bạn muốn nó chỉ chạy trên văn bản đã chọn khi nhiều dòng nội dung được chọnTùy chọn tìm và thay thế nâng caoNgoài tính năng tìm và thay thế bằng văn bản thuần túy, Find Widget còn có ba tùy chọn tìm kiếm nâng cao
Hộp đầu vào thay thế hỗ trợ bảo quản trường hợp, bạn có thể bật tính năng này bằng cách nhấp vào nút Bảo quản Trường hợp (AB) Hỗ trợ nhiều dòng và thay đổi kích thước Find WidgetBạn có thể tìm kiếm văn bản nhiều dòng bằng cách dán văn bản vào hộp Tìm đầu vào và hộp Thay thế đầu vào. Nhấn 95 sẽ chèn một dòng mới vào hộp nhập liệuTrong khi tìm kiếm văn bản dài, kích thước mặc định của Find Widget có thể quá nhỏ. Bạn có thể kéo khung bên trái để phóng to Find Widget hoặc nhấp đúp vào khung bên trái để phóng to hoặc thu nhỏ nó về kích thước mặc định Tìm kiếm trên các tập tinVS Code cho phép bạn nhanh chóng tìm kiếm tất cả các tệp trong thư mục hiện đang mở. Nhấn ⇧⌘F (Windows, Linux Ctrl+Shift+F ) . Kết quả tìm kiếm được nhóm thành các tệp có chứa cụm từ tìm kiếm, với chỉ báo về các lần truy cập trong mỗi tệp và vị trí của nó. Mở rộng tệp để xem bản xem trước của tất cả các lần truy cập trong tệp đó. Sau đó nhấp một lần vào một trong các lần truy cập để xem nó trong trình chỉnh sửa. and enter your search term. Search results are grouped into files containing the search term, with an indication of the hits in each file and its location. Expand a file to see a preview of all of the hits within that file. Then single-click on one of the hits to view it in the editor.
Bạn có thể định cấu hình tùy chọn tìm kiếm nâng cao bằng cách nhấp vào dấu chấm lửng (Chuyển đổi chi tiết tìm kiếm) bên dưới hộp tìm kiếm ở bên phải (hoặc nhấn ⇧⌘J (Windows, Linux Ctrl+Shift+J)). This will show additional fields to configure the search. Tùy chọn tìm kiếm nâng caoTrong hai hộp nhập bên dưới hộp tìm kiếm, bạn có thể nhập các mẫu để bao gồm hoặc loại trừ khỏi tìm kiếm. Nếu bạn nhập 96, nó sẽ khớp với mọi thư mục và tệp có tên 96 trong không gian làm việc. Nếu bạn nhập 98, thư mục đó sẽ khớp với thư mục 99 ở cấp cao nhất trong không gian làm việc của bạn. Sử dụng 90 để tách nhiều mẫu. Đường dẫn phải sử dụng dấu gạch chéo về phía trước. Bạn cũng có thể sử dụng cú pháp toàn cầu
Mã VS loại trừ một số thư mục theo mặc định để giảm số lượng kết quả tìm kiếm mà bạn không quan tâm (ví dụ:. 95). Mở cài đặt để thay đổi các quy tắc này trong phần 96 và 97Lưu ý rằng các mẫu hình cầu trong chế độ xem tìm kiếm hoạt động khác với trong các cài đặt như 96 và 97. Trong cài đặt, bạn phải sử dụng 230 để khớp với thư mục có tên 96 trong thư mục con 232 trong không gian làm việc của bạn. Trong chế độ xem tìm kiếm, tiền tố 93 được giả định. Các mẫu hình cầu trong các cài đặt này luôn được đánh giá tương ứng với đường dẫn của thư mục không gian làm việcCũng lưu ý nút chuyển đổi Sử dụng Cài đặt Loại trừ và Bỏ qua Tệp trong hộp tệp để loại trừ. Chuyển đổi xác định xem có nên loại trừ các tệp bị các tệp 234 của bạn bỏ qua và/hoặc khớp với cài đặt 96 và 97 của bạn hay không
Tìm kiếm và thay thếBạn cũng có thể Tìm kiếm và Thay thế trên các tệp. Mở rộng tiện ích Tìm kiếm để hiển thị hộp văn bản Thay thế Khi bạn nhập văn bản vào hộp văn bản Thay thế, bạn sẽ thấy hiển thị khác của các thay đổi đang chờ xử lý. Bạn có thể thay thế trên tất cả các tệp từ hộp văn bản Thay thế, thay thế tất cả trong một tệp hoặc thay thế một thay đổi
Trường hợp thay đổi trong regex thay thếMã VS hỗ trợ thay đổi trường hợp của các nhóm khớp regex trong khi thực hiện Tìm kiếm và Thay thế trong trình chỉnh sửa hoặc trên toàn cầu. Điều này được thực hiện với các công cụ sửa đổi 237, trong đó 238 và 239 sẽ viết hoa/viết thường một ký tự đơn và 240 và 241 sẽ viết hoa/viết thường phần còn lại của nhóm phù hợpThí dụ Các công cụ sửa đổi cũng có thể được xếp chồng lên nhau - ví dụ: 242 sẽ viết hoa ba ký tự đầu tiên của nhóm hoặc 243 sẽ viết thường ký tự đầu tiên và viết hoa phần còn lại. Nhóm chụp được tham chiếu bởi 244 trong chuỗi thay thế, trong đó 245 là thứ tự của nhóm chụpTrình chỉnh sửa tìm kiếmTrình chỉnh sửa tìm kiếm cho phép bạn xem kết quả tìm kiếm không gian làm việc trong trình chỉnh sửa có kích thước đầy đủ, hoàn chỉnh với tính năng tô sáng cú pháp và các dòng ngữ cảnh xung quanh tùy chọn Dưới đây là tìm kiếm từ 'SearchEditor' với hai dòng văn bản trước và sau khớp với ngữ cảnh Lệnh Mở Trình chỉnh sửa Tìm kiếm sẽ mở một Trình chỉnh sửa Tìm kiếm hiện có nếu có hoặc nếu không thì tạo một Trình chỉnh sửa Tìm kiếm mới. Lệnh Trình chỉnh sửa tìm kiếm mới sẽ luôn tạo Trình chỉnh sửa tìm kiếm mới Trong Trình chỉnh sửa tìm kiếm, kết quả có thể được điều hướng để sử dụng các tác vụ Chuyển đến định nghĩa, chẳng hạn như F12 để mở vị trí nguồn trong trang hiện tại . Ngoài ra, nhấp đúp có thể tùy ý mở vị trí nguồn, có thể định cấu hình bằng cài đặt 246. ⌘K F12 (Windows, Linux Ctrl+K F12) to open the location in an editor to the side. Additionally, double-clicking can optionally open the source location, configurable with the 246 setting.Bạn cũng có thể sử dụng nút Mở Trình chỉnh sửa Tìm kiếm Mới ở đầu chế độ xem Tìm kiếm và có thể sao chép các kết quả hiện có của mình từ chế độ xem Tìm kiếm sang Trình chỉnh sửa Tìm kiếm bằng liên kết Mở trong trình chỉnh sửa ở đầu cây kết quả hoặc liên kết Tìm kiếm . Mở Kết quả trong lệnh Editor Trình chỉnh sửa Tìm kiếm ở trên được mở bằng cách chọn nút Mở Trình chỉnh sửa Tìm kiếm Mới (nút thứ ba) ở trên cùng của chế độ xem Tìm kiếm Các lệnh và đối số của Search Editor
Có hai đối số mà bạn có thể chuyển đến các lệnh Search Editor ( 247, 249) để cho phép tổ hợp phím định cấu hình cách hoạt động của Search Editor mới
Ví dụ: tổ hợp phím sau chạy tìm kiếm khi Trình chỉnh sửa tìm kiếm được mở nhưng để tiêu điểm trong điều khiển truy vấn tìm kiếm 3Ngữ cảnh Search Editor mặc địnhCài đặt 254 có giá trị mặc định là 1, nghĩa là một dòng ngữ cảnh sẽ được hiển thị trước và sau mỗi dòng kết quả trong Trình chỉnh sửa tìm kiếmSử dụng lại cấu hình Search Editor gần đây nhấtCài đặt 255 (mặc định là 91) cho phép bạn sử dụng lại cấu hình của Trình chỉnh sửa tìm kiếm đang hoạt động gần đây nhất khi tạo Trình chỉnh sửa tìm kiếm mớiIntelliSenseChúng tôi sẽ luôn cung cấp tính năng hoàn thành từ nhưng đối với các ngôn ngữ phong phú, chẳng hạn như JavaScript, JSON, HTML, CSS, SCSS, Less, C# và TypeScript, chúng tôi cung cấp trải nghiệm IntelliSense thực sự. Nếu một dịch vụ ngôn ngữ biết các cách hoàn thành có thể, các đề xuất IntelliSense sẽ bật lên khi bạn nhập. Bạn luôn có thể kích hoạt nó theo cách thủ công bằng ⌃Space (Windows, Linux Ctrl+Space). By default, Tab hoặc Enter là trình kích hoạt bàn phím chấp nhận nhưng bạn có thể .
Các nhà phát triển JavaScript và TypeScript có thể tận dụng kho lưu trữ tệp khai báo kiểu npmjs (kiểu đánh máy) để nhận IntelliSense cho các thư viện JavaScript phổ biến (Node. js, Phản ứng, Góc). Bạn có thể tìm thấy lời giải thích hay về cách sử dụng các tệp khai báo kiểu trong chủ đề ngôn ngữ JavaScript và Node. hướng dẫn js Tìm hiểu thêm trong tài liệu IntelliSense định dạngVS Code hỗ trợ rất tốt cho việc định dạng mã nguồn. Trình chỉnh sửa có hai hành động định dạng rõ ràng
Bạn có thể gọi chúng từ Bảng lệnh ( ⇧⌘P (Windows, Linux Ctrl+ . )) or the editor context menu. Mã VS có các trình định dạng mặc định cho JavaScript, TypeScript, JSON và HTML. Mỗi ngôn ngữ có các tùy chọn định dạng cụ thể (ví dụ: 259) mà bạn có thể điều chỉnh theo tùy chọn của mình trong cài đặt người dùng hoặc không gian làm việc. Bạn cũng có thể tắt trình định dạng ngôn ngữ mặc định nếu bạn đã cài đặt một tiện ích mở rộng khác cung cấp định dạng cho cùng một ngôn ngữ
Cùng với việc gọi định dạng mã theo cách thủ công, bạn cũng có thể kích hoạt định dạng dựa trên cử chỉ của người dùng như nhập, lưu hoặc dán. Chúng được tắt theo mặc định nhưng bạn có thể kích hoạt các hành vi này thông qua các cài đặt sau
Ngoài các trình định dạng mặc định, bạn có thể tìm thấy các tiện ích mở rộng trên Thị trường để hỗ trợ các ngôn ngữ hoặc công cụ định dạng khác. Có một danh mục 03 để bạn có thể dễ dàng tìm kiếm và tìm các phần mở rộng định dạng. Trong hộp tìm kiếm Chế độ xem tiện ích mở rộng, hãy nhập 'bộ định dạng' hoặc 'danh mục. formatters' để xem danh sách tiện ích mở rộng được lọc trong Mã VSgấpBạn có thể gấp các vùng của mã nguồn bằng cách sử dụng các biểu tượng gấp trên rãnh giữa số dòng và bắt đầu dòng. Di chuyển chuột qua máng xối và nhấp để gấp và mở các vùng. Sử dụng Shift + Nhấp vào biểu tượng gấp để gấp hoặc mở vùng và tất cả các vùng bên trong. Bạn cũng có thể sử dụng các hành động sau
Theo mặc định, các vùng gấp được đánh giá dựa trên thụt đầu dòng của các dòng. Vùng gấp bắt đầu khi một dòng có thụt lề nhỏ hơn một hoặc nhiều dòng tiếp theo và kết thúc khi có một dòng có cùng hoặc nhỏ hơn thụt lề Các vùng gấp cũng có thể được tính toán dựa trên mã thông báo cú pháp của ngôn ngữ được định cấu hình của trình chỉnh sửa. Các ngôn ngữ sau đã cung cấp tính năng gấp nhận biết cú pháp. Đánh dấu, HTML, CSS, LESS, SCSS và JSON Nếu bạn muốn quay lại cách gấp dựa trên thụt đầu dòng cho một (hoặc tất cả) các ngôn ngữ ở trên, hãy sử dụng 0Các khu vực cũng có thể được xác định bằng các điểm đánh dấu được xác định bởi từng ngôn ngữ. Các ngôn ngữ sau hiện có các điểm đánh dấu được xác định LanguageStart regionEnd regionBat 04 or 05 06 or 07C# 08 09C/C++ 10 11CSS/Less/SCSS 12 13Coffeescript 08 09F# 16 or 17 18 or 19Java 16 or 21 22 or 23Markdown 24 25Perl5 08 or 27 09 or 29PHP 08 09PowerShell 08 09Python 08 or 35 09 or 37TypeScript/JavaScript 16 18Visual Basic 40 41Để chỉ gấp và mở các vùng được xác định bởi các điểm đánh dấu, hãy sử dụng
lựa chọn gấpLệnh Tạo phạm vi gấp thủ công từ lựa chọn ( ⌘K ⌘, (Windows, Linux Ctrl . Phạm vi đó được gọi là phạm vi gấp thủ công nằm trên phạm vi được tính toán bởi các nhà cung cấp dịch vụ gấp. )) creates a folding range from the currently selected lines and collapses it. That range is called a manual folding range that goes on top of the ranges computed by folding providers. Có thể xóa phạm vi gấp thủ công bằng lệnh Xóa phạm vi gấp thủ công ( ⌘K ⌘. (Windows, Linux Ctrl+K Ctrl+. ) ). Phạm vi gấp thủ công đặc biệt hữu ích cho các trường hợp khi không có hỗ trợ ngôn ngữ lập trình để gấp thụt đầu dòngMã VS cho phép bạn kiểm soát việc thụt lề văn bản và liệu bạn muốn sử dụng dấu cách hay điểm dừng tab. Theo mặc định, Mã VS chèn khoảng trắng và sử dụng 4 khoảng trắng cho mỗi phím Tab . Nếu bạn muốn sử dụng mặc định khác, bạn có thể sửa đổi cài đặt 42 và 43. 9tự động phát hiệnMã VS phân tích tệp đang mở của bạn và xác định thụt lề được sử dụng trong tài liệu. Thụt lề được phát hiện tự động ghi đè cài đặt thụt lề mặc định của bạn. Cài đặt được phát hiện được hiển thị ở bên phải của Thanh trạng thái Bạn có thể nhấp vào màn hình thụt lề trên Thanh trạng thái để hiển thị danh sách thả xuống với các lệnh thụt lề cho phép bạn thay đổi cài đặt mặc định cho tệp đang mở hoặc chuyển đổi giữa các điểm dừng tab và khoảng trắng
9Hỗ trợ mã hóa tập tinĐặt mã hóa tệp trên toàn cầu hoặc trên mỗi không gian làm việc bằng cách sử dụng cài đặt 45 trong Cài đặt người dùng hoặc Cài đặt không gian làm việcBạn có thể xem mã hóa tệp trong thanh trạng thái Nhấp vào nút mã hóa trên thanh trạng thái để mở lại hoặc lưu tệp đang hoạt động bằng một mã hóa khác Sau đó chọn mã hóa Bước tiếp theoBạn đã nắm được giao diện người dùng cơ bản - còn nhiều điều nữa về Mã VS. Đọc tiếp để tìm hiểu về
Câu hỏi thường gặpCó thể tìm kiếm và thay thế trên toàn cầu không?Có, hãy mở rộng hộp văn bản Chế độ xem tìm kiếm để bao gồm trường văn bản thay thế. Bạn có thể tìm kiếm và thay thế trên tất cả các tệp trong không gian làm việc của mình. Lưu ý rằng nếu bạn không mở Mã VS trên một thư mục, tìm kiếm sẽ chỉ chạy trên các tệp hiện đang mở Làm cách nào để bật tính năng ngắt từ?Bạn có thể kiểm soát ngắt từ thông qua cài đặt 46. Theo mặc định, 46 là 02 nhưng nếu bạn đặt thành 49, văn bản sẽ bao quanh chiều rộng khung nhìn của trình soạn thảo 9Bạn có thể chuyển đổi ngắt dòng từ cho phiên VS Code bằng ⌥Z (Windows, Linux Alt . ). Bạn cũng có thể thêm thước kẻ cột dọc vào trình chỉnh sửa với cài đặt 50, cài đặt này sẽ lấy một mảng các vị trí ký tự cột mà bạn muốn có thước kẻ dọcLàm cách nào để tránh đặt thêm con trỏ trong các dòng được bao bọc bởi từ?Nếu bạn muốn bỏ qua dòng xuống dòng khi thêm con trỏ bên trên hoặc bên dưới lựa chọn hiện tại của mình, bạn có thể chuyển từ 51 đến 52 trên liên kết phím như thế này |