Tôi đang viết TypeScriptvà HTMLtập tin, và các tab được chuyển đổi thành dấu cách.

Trong TypeScriptdự án của tôi , mọi tab chuyển đổi thành khoảng trắng, tôi muốn tắt nó đi và có một tab thay vì khoảng trắng.

Đây là cài đặt của tôi:

{
  "editor.insertSpaces": false
}

CHỈNH SỬA 1:

Nó dường như hoạt động trong .htmlcác tập tin, nhưng không phải trong .tscác tập tin.

Có 3 tùy chọn trong .vscode/settings.json:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentationPhát hiện nó từ tập tin của bạn, bạn phải vô hiệu hóa nó. Nếu nó không hữu ích, hãy kiểm tra xem bạn không có cài đặt nào có mức độ ưu tiên cao hơn. Ví dụ: khi bạn lưu nó vào cài đặt Người dùng, nó có thể bị ghi đè bởi cài đặt Không gian làm việc trong thư mục dự án của bạn.

Cập nhật:

Bạn chỉ có thể mở Tệp » Tùy chọn » Cài đặt hoặc sử dụng phím tắt:

CTRL+ , (Windows, Linux)

⌘+ , (Mac)

Cập nhật:

Bây giờ bạn có cách khác để chỉnh sửa các tùy chọn đó bằng tay.
Nhấp vào bộ chọn Spaces: 4 ở dưới cùng bên phải của trình chỉnh sửa:

Khi bạn muốn chuyển đổi ws hiện tại sang tab, hãy cài đặt tiện ích mở rộng từ Marketplace
EDIT:
Để chuyển đổi thụt lề hiện có từ khoảng trắng sang các tab nhấn Ctrl+ Shift+P và gõ:

>Convert indentation to Tabs

Điều này sẽ thay đổi thụt lề cho tài liệu của bạn dựa trên các cài đặt được xác định thành Tab.

Để thay đổi cài đặt tab, nhấp vào vùng văn bản bên phải văn bản Ln / Col trong thanh trạng thái ở dưới cùng bên phải của cửa sổ vscode.

Tên có thể Tab Sizehoặc Spaces.

Một menu sẽ bật lên với tất cả các hành động và cài đặt có sẵn.

Ctrl+ Shift+ P, sau đó "Chuyển đổi thụt lề sang tab"

Nếu bạn muốn sử dụng các tab thay vì dấu cách

Thử cái này:

1. Tới File➤ Preferences➤ Settingshoặc chỉ cần nhấn Ctrl + ,
2. Trong thanh Cài đặt tìm kiếm ở trên cùng chèneditor.insertSpaces
3. Bạn sẽ thấy một cái gì đó như thế này: Editor: Chèn Spaces và nó có thể sẽ được kiểm tra. Chỉ cần bỏ chọn nó như hiển thị trong hình dưới đây

4. Tải lại Visual Studio Code (Nhấn F1gõ reload windownhấn Enter)

Nếu nó không hoạt động hãy thử điều này:

Có lẽ là do plugin đã cài đặt Trình định dạng JS-CSS-HTML

(Bạn có thể kiểm tra xem nó bằng cách vào File➤ Preferences➤ Extensionshoặc chỉ nhấn Ctrl + Shift + X , trong Enabled danh sách bạn sẽ tìm thấy JS-CSS-HTML Formatter )

Nếu vậy bạn có thể sửa đổi plugin này:

1. Nhấn F1gõ Formatter confignhấn Enter(nó sẽ mở tệp formatter.json)
2. Sửa đổi tệp như thế này:

 4|    "indent_size": 1,
 5|    "indent_char": "\t"
——|
24|    "indent_size": 1,
25|    "indentCharacter": "\t",
26|    "indent_char": "\t",
——|
34|    "indent_size": 1,
35|    "indent_char": "\t",
36|    "indent_character": "\t"

3. Lưu nó (Đến File➤ Savehoặc chỉ cần nhấn Ctrl + S )
4. Tải lại Visual Studio Code (Nhấn F1gõ reload windownhấn Enter)

Trong trường hợp của tôi, vấn đề là phần mở rộng Trình định dạng JS-CSS-HTML được cài đặt sau khi cập nhật tháng một. indent_charThuộc tính mặc định là không gian. Tôi gỡ cài đặt nó và hành vi kỳ lạ dừng lại.

Kiểm tra điều này từ cài đặt vscode chính thức:

// Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
"editor.detectIndentation": true,

// The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
"editor.tabSize": 4,

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

// Configure editor settings to be overridden for [html] language.
"[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
}

Các cài đặt bên dưới hoạt động tốt với tôi,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

Cài đặt ở trên sẽ phản ánh và áp dụng cho mọi tập tin. Bạn không cần thụt lề / định dạng mọi tệp theo cách thủ công.

Tệp -> Tùy chọn -> Cài đặt hoặc chỉ cần nhấn Ctrl+ ,và tìm kiếm khoảng trắng , sau đó chỉ cần tắt tùy chọn này:

Tôi đã phải mở lại tập tin để những thay đổi có hiệu lực.

1. Đánh dấu Mã của bạn (trong tệp)
2. Nhấp vào Kích thước tab ở góc dưới bên phải của cửa sổ ứng dụng
3. Chọn Chuyển đổi thụt lề thích hợp sang Tab

Nếu bạn muốn thay đổi các tab thành khoảng trắng trong nhiều tệp, nhưng không muốn mở riêng lẻ, tôi đã thấy rằng nó cũng hoạt động như nhau khi chỉ sử dụng tùy chọn Tìm và Thay thế từ thanh công cụ bên trái nhất.

Trong hộp đầu tiên ( Find), sao chép và dán tab từ mã nguồn.

Trong hộp thứ hai ( Replace), nhập số lượng khoảng trắng bạn muốn sử dụng (tức là 2 hoặc 4).

Nếu bạn nhấn ... nút, bạn có thể chỉ định các thư mục để bao gồm hoặc bỏ qua (tức là src/Data/Json).

Cuối cùng, kiểm tra xem trước kết quả và nhấn Thay thế Tất cả . Tất cả các tệp trong không gian làm việc có thể bị ảnh hưởng.

{
  "editor.insertSpaces": true
}

True làm việc cho tôi