Làm cách nào để thêm thụt lề nhiều hơn trong cấu trúc cây tệp thám hiểm?

106

Làm cách nào để thêm thụt lề nhiều hơn trong cấu trúc cây tệp? Nó có một chút thụt vào mà tôi muốn tăng thêm giống như NetBeans.

kiểm tra hình ảnh

nhập mô tả hình ảnh ở đây

visual-studio-code vscode-settings

— Akshay kumar
nguồn

2

Thật sự không thể nhìn thấy bạn đang ở đâu với rất ít vết lõm, phải không? Như một sự mặc định vô lý.

— Andy

167

Đi tới Tệp> Tùy chọn> Cài đặt và chọn:

Bàn làm việc ›Cây: Thụt lề

Kiểm soát thụt lề cây theo pixel.

 "workbench.tree.indent": 10

và chọn một con số đủ cao cho bạn.

Ngoài ra, hãy xem câu trả lời của tôi tại Thanh bên mã Visual Studio Hướng dẫn dọc (tùy chỉnh thanh bên) trong đó với v1.36, bạn có thể thêm các hướng dẫn thụt lề hình cây được tô màu để làm cho cấu trúc tệp thám hiểm rõ ràng hơn.

Hình ảnh ví dụ sử dụng: "tree.indentGuidesStroke": "#00ff00"in the colorCustomizations(Tôi thường không sử dụng màu xanh lá cây!).

— dấu
nguồn

1

Cảm ơn rất nhiều, @Mark, tôi thậm chí còn không biết tùy chọn này tồn tại. Làm việc cho tôi

— Omar

7

Tôi nên đề cập rằng điều này có sẵn trong File --> Preference --> Settings. Trong trường tìm kiếm, bạn nhập workbench:treevà sau đó bạn sẽ nhận được tùy chọn để sửa đổi.

— Pramod

23

Đối với Mac, sử dụng thanh menu của bạn sẽ

Code > Preferences > Settings

Sau đó, nhập Cài đặt tìm kiếm: treehoặc đi tới

Workbench > Appearance > Tree: Indent (Kiểm soát thụt lề cây theo pixel)

và đặt thụt lề ưa thích của bạn

— MarlonFolken
nguồn

11

Nếu bạn chỉ muốn thay đổi thụt lề, bạn có thể sử dụng:

"workbench.tree.indent": 18,

Bạn cũng có thể thêm các nguyên tắc với:

"workbench.tree.renderIndentGuides": "always",

Bạn cũng có thể thay đổi màu của chúng bằng cách sử dụng:

"workbench.colorCustomizations": {
    "tree.indentGuidesStroke": "#008070"
},

— Addison
nguồn

4

Bên cạnh các câu trả lời khác liên quan đến tệp cài đặt, thụt lề cũng có thể được thay đổi trong GUI Tệp / Tùy chọn / Cài đặt :

— Chris Peacock
nguồn

1

{  
 "workbench.tree.indent": 20,  // just paste this line of code in setting.json file
  "editor.mouseWheelZoom": true // for zoom in & out font size with Ctrl+ mouse scroll
}

— Akshay kumar
nguồn