Di chuyển sang trái javascript

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

• Tham khảo phím tắt - 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 chiếu
• Cài đặt tiện ích mở rộng Keymap - Sử dụng phím tắt của trình chỉnh sửa 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
• Tùy chỉnh phím tắt - Thay đổi 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

• "html.format.enable": false
  

  24 - Bản đồ tới Ctrl trên Windows và Cmd .

• "html.format.enable": false
  

  25 - Mặc định hiện có Alt .

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

6

Bạ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ốn

Chế độ 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

• "html.format.enable": false
  

  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

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

• "html.format.enable": false
  

  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 đóng cửa sổ cuối 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, 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), 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

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ổ

  "html.format.enable": false
  

  97
• macOS

  "html.format.enable": false
  

  98
• Linux

  "html.format.enable": false
  

  99

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

91

Tì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ọn

Tù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ệu

Trong 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 ________ 298, thư mục đó sẽ khớp với thư mục ________ 299 ở 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

• "html.format.enable": false
  

  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 dãy ký tự cần khớp (________ 491 để khớp với ________ 492, ________ 493, nhưng không khớp với

  "html.format.enable": false
  

  98)

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à ________ 497

Lư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ệc

Cũ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ông

Mẹ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ợp

Thí 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ụp

Trì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

• "html.format.enable": false
  

  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ở

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

• "html.format.enable": false
  

  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

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

3

Ngữ 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ếm

Sử 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ới

IntelliSense

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

"html.format.enable": false

257 và

"html.format.enable": false

258

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ạ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

• "html.format.enable": false
  

  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

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ã VS

gấ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

0

Cá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

9

tự độ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 đầu dòng. 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

"html.format.enable": false

44 và đặt rõ ràng kích thước tab thành 3

"html.format.enable": false

9

Hỗ 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ệc

Bạ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 để 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 soạn thảo

"html.format.enable": false

9

Bạ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ọc

Là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