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
Các phím tắt bàn phím
Có 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
- - Tìm hiểu các phím tắt thông dụng và phổ biến nhất bằng cách tải xuống bảng tham khảo
- - Sử dụng các phím tắt của trình soạn thảo cũ của bạn [chẳng hạn như Sublime Text, Atom và Vim] trong Mã VS bằng cách cài đặt tiện ích mở rộng Keymap
- - Thay đổi các phím tắt mặc định để phù hợp với phong cách của bạn
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.
Ghi chú. Trình điều khiển cạc đồ họa của bạn [ví dụ NVIDIA] có thể ghi đè lên các phím tắt mặc định này
⌘D [Windows, Linux Ctrl+D ] selects the word at the cursor, or the next occurrence of the current selection.
Mẹo. Bạn cũng có thể thêm nhiều con trỏ hơn bằng ⇧⌘L [Windows, Linux Ctrl+Shift+L], which will add a selection at each occurrence of the current selected text.
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
"html.format.enable": false
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
24 - Bản đồ tới Ctrl trên Windows và Cmd ."html.format.enable": false
25 - Mặc định hiện có Alt ."html.format.enable": false
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à
"html.format.enable": false
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ọn
Thu 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"html.format.enable": false
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"html.format.enable": false
4 ⇧PageDown [Windows Ctrl+Shift+Alt+PageDown , Linux ] Cột Chọn Trang Xuống"html.format.enable": false
5 ⇧PageUp [Windows Ctrl+Shift+Alt+PageUp , Linux ]Cột Chọn Trang Lên"html.format.enable": false
6Bạn có thể chỉnh sửa
"html.format.enable": false
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ột
Trì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ự động
Theo 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
"html.format.enable": false
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 "html.format.enable": false
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
"html.format.enable": false
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
01. Có thể có các giá trị"html.format.enable": false
02 - để tắt lưu tự động"html.format.enable": false
03 - để lưu tệp sau độ trễ được định cấu hình [1000 ms mặc định]"html.format.enable": false
04 - để lưu tệp khi tiêu điểm di chuyển ra khỏi trình chỉnh sửa của tệp bẩn"html.format.enable": false
05 - để lưu tệp khi tiêu điểm di chuyển ra khỏi cửa sổ Mã VS"html.format.enable": false
06. Định cấu hình độ trễ tính bằng mili giây khi"html.format.enable": false
01 được định cấu hình thành"html.format.enable": false
03. Mặc định là 1000 mili giây"html.format.enable": false
thoát nóng
Mã 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
"html.format.enable": false
09 thành các giá trị sau
90. Vô hiệu hóa thoát nóng"html.format.enable": false
91. Thoát nóng sẽ được kích hoạt khi đóng ứng dụng, nghĩa là khi cửa sổ cuối cùng được đóng trên Windows/Linux hoặc khi lệnh"html.format.enable": false
92 được kích hoạt [từ Bảng lệnh, phím tắt hoặc menu]. Tất cả các cửa sổ không có thư mục đã mở sẽ được khôi phục trong lần khởi chạy tiếp theo"html.format.enable": false
93. Thoát nóng sẽ được kích hoạt khi đóng ứng dụng, đó là khi cửa sổ cuối cùng được đóng trên Windows/Linux hoặc khi lệnh"html.format.enable": false
92 được kích hoạt [từ Bảng lệnh, phím tắt hoặc menu] và cũng như đối với bất kỳ cửa sổ nào có thư mục . Tất cả các cửa sổ không có thư mục đã mở sẽ được khôi phục trong lần khởi chạy tiếp theo. Để khôi phục các cửa sổ thư mục như trước khi tắt máy, hãy đặt"html.format.enable": false
95 thành"html.format.enable": false
96"html.format.enable": false
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
- Cửa sổ
97"html.format.enable": false
- macOS
98"html.format.enable": false
- Linux
99"html.format.enable": false
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ọn
Khi 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
"html.format.enable": false
90 thành "html.format.enable": false
91Tìm trong Lựa chọn
Theo 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
"html.format.enable": false
92 thành "html.format.enable": false
93 hoặc thành "html.format.enable": false
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 cao
Ngoà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
- trường hợp trận đấu
- Nối cả từ
- Biểu hiện thông thường
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 Widget
Bạ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
"html.format.enable": false
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 tin
VS 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.
Mẹo. Chúng tôi cũng hỗ trợ tìm kiếm biểu thức chính quy trong hộp tìm kiếm
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 cao
Trong 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
"html.format.enable": false
96, nó sẽ khớp với mọi thư mục và tệp có tên "html.format.enable": false
96 trong không gian làm việc. Nếu bạn nhập "html.format.enable": false
98, thư mục đó sẽ khớp với thư mục "html.format.enable": false
99 ở cấp cao nhất trong không gian làm việc của bạn. Sử dụng "html.format.enable": false
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
91 để khớp với 0 hoặc nhiều ký tự trong một đoạn đường dẫn"html.format.enable": false
92 để khớp với một ký tự trong đoạn đường dẫn"html.format.enable": false
93 để khớp với bất kỳ số lượng đoạn đường dẫn nào, kể cả không có đoạn nào"html.format.enable": false
94 để nhóm các điều kiện [ví dụ:"html.format.enable": false
95 khớp với tất cả các tệp văn bản và HTML]"html.format.enable": false
96 để khai báo dãy ký tự cần khớp [________ 397 để khớp với ________ 398, ________ 399, …]"html.format.enable": false
90 để phủ định một phạm vi ký tự để khớp [________ 491 để khớp với ________ 492, ________ 493, nhưng không khớp với ________ 398]"html.format.enable": false
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ụ:.
"html.format.enable": false
95]. Mở cài đặt để thay đổi các quy tắc này trong phần ________ 496 và ________ 497Lư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ư
"html.format.enable": false
96 và "html.format.enable": false
97. Trong cài đặt, bạn phải sử dụng "html.format.enable": false
230 để khớp với thư mục có tên "html.format.enable": false
96 trong thư mục con "html.format.enable": false
232 trong không gian làm việc của bạn. Trong chế độ xem tìm kiếm, tiền tố "html.format.enable": false
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
"html.format.enable": false
234 của bạn bỏ qua và/hoặc khớp với cài đặt "html.format.enable": false
96 và "html.format.enable": false
97 của bạn hay khôngMẹo. Từ Explorer, bạn có thể nhấp chuột phải vào một thư mục và chọn Tìm trong thư mục để chỉ tìm kiếm bên trong một thư mục
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
Mẹo. Bạn có thể nhanh chóng sử dụng lại cụm từ tìm kiếm trước đó bằng cách sử dụng ↓ [Windows, Linux Down] and ↑ [Windows, Linux Up] to navigate through your search term history.
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
"html.format.enable": false
237, trong đó "html.format.enable": false
238 và "html.format.enable": false
239 sẽ viết hoa/viết thường một ký tự đơn và "html.format.enable": false
240 và "html.format.enable": false
241 sẽ viết hoa/viết thường phần còn lại của nhóm phù hợpVí dụ
Các công cụ sửa đổi cũng có thể được xếp chồng lên nhau - ví dụ:
"html.format.enable": false
242 sẽ viết hoa ba ký tự đầu tiên của nhóm hoặc "html.format.enable": false
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 "html.format.enable": false
244 trong chuỗi thay thế, trong đó "html.format.enable": false
245 là thứ tự của nhóm chụpTrình chỉnh sửa tìm kiếm
Trì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
"html.format.enable": false
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 "html.format.enable": false
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
247 - Mở Search Editor trong tab mới"html.format.enable": false
248 - Sao chép kết quả Tìm kiếm hiện tại vào Trình chỉnh sửa Tìm kiếm mới"html.format.enable": false
249 - Mở Search Editor trong một cửa sổ mới bên cạnh cửa sổ bạn hiện đang mở"html.format.enable": false
Có hai đối số mà bạn có thể chuyển đến các lệnh Search Editor [
"html.format.enable": false
247, "html.format.enable": false
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
252 - Tìm kiếm có tự động chạy khi mở Trình chỉnh sửa tìm kiếm hay không. Mặc định là đúng"html.format.enable": false
253 - Nên tập trung vào kết quả tìm kiếm hay đầu vào truy vấn. Mặc định là đúng"html.format.enable": false
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
"html.format.enable": false
3Ngữ cảnh Search Editor mặc định
Cài đặt
"html.format.enable": false
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ất
Cài đặt
"html.format.enable": false
255 [mặc định là "html.format.enable": false
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ớiIntelliSense
Chú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ể .
Mẹo. Bộ lọc đề xuất hỗ trợ CamelCase để bạn có thể nhập các chữ cái viết hoa trong tên phương thức để giới hạn các đề xuất. Ví dụ: "cra" sẽ nhanh chóng hiển thị "createApplication"
Mẹo. Đề xuất IntelliSense có thể được định cấu hình thông qua cài đặt
257 và"html.format.enable": false
258"html.format.enable": false
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ủ đề và Nút. hướng dẫn js
Tìm hiểu thêm trong tài liệu IntelliSense
định dạng
VS 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
- Định dạng tài liệu [ ⇧⌥F [Windows Shift+Alt+F, Linux Ctrl+Shift+I]] - Format the entire active file.
- Lựa chọn định dạng [ ⌘K ⌘F [Windows, Linux Ctrl+K Ctrl+F< . ]] - Format the selected text.
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ụ:
"html.format.enable": false
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ữ"html.format.enable": false
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
00 - Định dạng dòng sau khi gõ"html.format.enable": false
01 - Định dạng tệp khi lưu"html.format.enable": false
02 - Định dạng nội dung đã dán"html.format.enable": false
Ghi chú. Không phải tất cả các trình định dạng đều hỗ trợ định dạng khi dán vì để làm như vậy, chúng phải hỗ trợ định dạng một vùng chọn hoặc một dải văn bản
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
"html.format.enable": false
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ấp
Bạ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
- Gấp [ ⌥⌘[ [Windows, Linux Ctrl+Shift+[]] folds the innermost uncollapsed region at the cursor.
- Mở ra [ ⌥⌘] [Windows, Linux Ctrl+Shift+]]] unfolds the collapsed region at the cursor.
- Toggle Fold [ ⌘K ⌘L [Windows, Linux Ctrl+K Ctrl+L< . ]] folds or unfolds the region at the cursor.
- Gấp theo cách đệ quy [ ⌘K ⌘[ [Windows, Linux Ctrl+K Ctrl+[]] folds the innermost uncollapsed region at the cursor and all regions inside that region.
- Mở ra theo cách đệ quy [ ⌘K ⌘] [Windows, Linux Ctrl+K Ctrl+]]] unfolds the region at the cursor and all regions inside that region.
- Gấp tất cả [ ⌘K ⌘0 [Windows, Linux Ctrl+K Ctrl+0< . ]] folds all regions in the editor.
- Mở ra tất cả [ ⌘K ⌘J [Windows, Linux Ctrl+K Ctrl+J< . ]] unfolds all regions in the editor.
- Gấp cấp độ X [ ⌘K ⌘2 [Windows, Linux Ctrl+K Ctrl+2 . ] for level 2] folds all regions of level X, except the region at the current cursor position.
- Gấp tất cả nhận xét chặn [ ⌘K ⌘/ [Windows, Linux Ctrl+K Ctrl+/ . ]] folds all regions that start with a block comment token.
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
"html.format.enable": false
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"html.format.enable": false
04 or "html.format.enable": false
05"html.format.enable": false
06 or "html.format.enable": false
07C#"html.format.enable": false
08"html.format.enable": false
09C/C++"html.format.enable": false
10"html.format.enable": false
11CSS/Less/SCSS"html.format.enable": false
12"html.format.enable": false
13Coffeescript"html.format.enable": false
08"html.format.enable": false
09F#"html.format.enable": false
16 or "html.format.enable": false
17"html.format.enable": false
18 or "html.format.enable": false
19Java"html.format.enable": false
16 or "html.format.enable": false
21"html.format.enable": false
22 or "html.format.enable": false
23Markdown"html.format.enable": false
24"html.format.enable": false
25Perl5"html.format.enable": false
08 or "html.format.enable": false
27"html.format.enable": false
09 or "html.format.enable": false
29PHP"html.format.enable": false
08"html.format.enable": false
09PowerShell"html.format.enable": false
08"html.format.enable": false
09Python"html.format.enable": false
08 or "html.format.enable": false
35"html.format.enable": false
09 or "html.format.enable": false
37TypeScript/JavaScript"html.format.enable": false
16"html.format.enable": false
18Visual Basic"html.format.enable": false
40"html.format.enable": false
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
- Vùng đánh dấu gấp [ ⌘K ⌘8 [Windows, Linux Ctrl+K Ctrl+8 . ]] folds all marker regions.
- Khu vực đánh dấu mở ra [ ⌘K ⌘9 [Windows, Linux Ctrl+K Ctrl+9 . ]] unfolds all marker regions.
lựa chọn gấp
Lệ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òng
Mã 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
"html.format.enable": false
42 và "html.format.enable": false
43. "html.format.enable": false
9tự động phát hiện
Mã 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
Ghi chú. Tự động phát hiện Mã VS kiểm tra các vết lõm của 2, 4, 6 hoặc 8 khoảng trắng. Nếu tệp của bạn sử dụng một số khoảng trắng khác, thì có thể phát hiện không chính xác thụt lề. Ví dụ: nếu quy ước của bạn là thụt lề với 3 dấu cách, bạn có thể muốn tắt
44 và đặt rõ ràng kích thước tab thành 3"html.format.enable": false
"html.format.enable": false
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
"html.format.enable": false
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 theo
Bạ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ề
- Video giới thiệu - Thiết lập và thông tin cơ bản - Xem hướng dẫn về thông tin cơ bản của Mã VS
- Cài đặt người dùng/không gian làm việc - Tìm hiểu cách định cấu hình Mã VS theo sở thích của bạn thông qua cài đặt người dùng và không gian làm việc
- Điều hướng mã - Định nghĩa Peek và Goto, v.v.
- Thiết bị đầu cuối tích hợp - Tìm hiểu về thiết bị đầu cuối tích hợp để thực hiện nhanh các tác vụ dòng lệnh từ bên trong Mã VS
- IntelliSense - Mã VS mang đến khả năng hoàn thành mã thông minh
- Gỡ lỗi - Đây là nơi Mã VS thực sự tỏa sáng
Câu hỏi thường gặp
Có 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
"html.format.enable": false
46. Theo mặc định, "html.format.enable": false
46 là "html.format.enable": false
02 nhưng nếu bạn đặt thành "html.format.enable": false
49, văn bản sẽ bao quanh chiều rộng khung nhìn của trình chỉnh sửa"html.format.enable": false
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
"html.format.enable": false
50, cài đặt này sẽ lấy một mảng 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ừ
"html.format.enable": false
51 đến "html.format.enable": false
52 trên liên kết phím như thế này