Làm cách nào để thu gọn các phần mã trong Visual Studio Code cho Windows?

854
Nick 2015-05-06 18:50.

Làm cách nào để gấp hoặc thu gọn các phần mã trong Visual Studio Code?

Tính năng này có được hỗ trợ không?

19 answers

1495
Brocco 2015-05-07 03:00.

Tính năng gấp đã được triển khai và hiện đã được triển khai kể từ phiên bản Visual Studio Code 0.10.11 . Có các phím tắt sau:

  • Gấp gấp vùng chưa được mở trong cùng tại con trỏ:

    • Ctrl+ Shift+ [trên Windows và Linux
    • + + [trên macOS
  • Unfold mở ra vùng thu gọn tại con trỏ:

    • Ctrl+ Shift+ ]trên Windows và Linux
    • + + ]trên macOS
  • Gấp Tất cả gấp tất cả các vùng trong trình chỉnh sửa:

    • Ctrl+ ( K=> 0) (không) trên Windows và Linux
    • + ( K=> 0) (không) trên macOS
  • Mở tất cả mở ra tất cả các vùng trong trình chỉnh sửa:

    • Ctrl+ ( K=> J) trên Windows và Linux
    • + ( K=> J) trên macOS

Tài liệu tham khảo: https://code.visualstudio.com/docs/getstarted/keybindings

242
Michael Fulton 2016-06-24 10:42.

Kể từ phiên bản Visual Studio Code 1.12.0, tháng 4 năm 2017, hãy xem phần Chỉnh sửa cơ bản> Gấp trong tài liệu.

Các khóa mặc định là:

Gấp tất cả: CTRL+ K, CTRL+ 0(không)

Mức gấp [n]: CTRL+ K, CTRL+ [n]*

Mở ra tất cả: CTRL+ K, CTRL+J

Vùng gấp: CTRL+ K, CTRL+[

Vùng mở rộng: CTRL+ K, CTRL+]

* Mức độ gấp: để gấp tất cả trừ các lớp bên ngoài nhất, hãy thử CTRL+ K, CTRL+1

Mac: sử dụng thay vì CTRL(cảm ơn Prajeet)

110
Mark 2017-10-06 16:09.

Tính năng gấp mã theo khu vực đã đến với v1.17. Tài liệu về gấp theo vùng . Và v1.191.23 .

[Nói chung, bạn có thể thêm một khoảng trắng, chẳng hạn như // region and // endregionvào //region and //endregionvà nó cũng sẽ hoạt động.]

TypeScript/JavaScript: //#region and //#endregion or // #region and // #endregion
C#:                    #region and #endregion
C/C++:                 #pragma region and #pragma endregion
F#:                    //#region and //#endregion
PowerShell:            #region and #endregion
Python:                #region and #endregion
VB:                    #Region and #End Region
PHP:                   #region and #endregion
Bat:                   ::#region and ::#endregion or REM #region and REM #endregion
Markdown:              <!-- #region --> and <!-- #endregion -->
Golang                 //region and //endregion or //#region and //#endregion
Java                   //#region and //#endregion
CSS/SCSS/Less:         /* #region */ and /* #endregion */ or /*#region*/ and /*#endregion*/
SCSS/Less:             // #region and // #endregion
Go:                    // region, // endregion and // #region, // #endregion
shellscript:           # region and # endregion
Perl5                  #region and #endregion or =pod and =cut`

Quan trọng: Nếu bạn không thấy ngôn ngữ của mình trong danh sách ::

Mỗi ngôn ngữ cũng có sẵn các đoạn mã cho các điểm đánh dấu. Nhập '#' và gọi hoàn thành mã để xem chúng. Để định cấu hình điểm đánh dấu vùng cho ngôn ngữ của bạn, hãy liên hệ với nhà cung cấp tiện ích mở rộng ngôn ngữ.

Vì vậy, hãy nhập #và sau đó Ctrl+ Spaceđể xem các điểm đánh dấu vùng cho bất kỳ ngôn ngữ nào.


77
BraveNewMath 2016-09-09 07:17.

Tính năng này hiện có sẵn trong bản dựng tiêu chuẩn. Để làm cho các điều khiển thu gọn / mở rộng xuất hiện, bạn cần phải di chuột qua khu vực ngay bên phải của số dòng như được hiển thị trong ảnh chụp màn hình này:

39
Minh Tien Tran 2018-04-12 04:04.

Bạn nên thêm cài đặt người dùng:

{
    "editor.showFoldingControls": "always",
    "editor.folding": true,
    "editor.foldingStrategy": "indentation", 
}
25
Jorn Vernee 2018-06-09 01:38.

Nếu không có phím tắt nào hoạt động (như đối với tôi), để giải quyết vấn đề này, bạn cũng có thể mở bảng lệnh ( Ctrl+ 3hoặc Chế độ xem -> Bảng lệnh ...) và nhập fold all:

25
Samuel Pinto 2016-03-30 00:28.

Phím tắt mặc định cho thu gọn / mở rộng là:

Ctrl+ Shift+ [: "Gấp"

Ctrl+ Shift+ Alt+ [: "Gấp tất cả"

Ctrl+ Shift+ ]: "Mở ra"

Ctrl+ Shift+ Alt+ ]: "Mở tất cả"

Hoặc truy cập keybindings.json và thay đổi theo ý muốn.

Ví dụ:

{
    "key": "cmd+k cmd+m",
    "command": "editor.foldAll",
    "when": "editorFocus"
},
{
    "key": "cmd+m cmd+k",
    "command": "editor.unfoldAll",
    "when": "editorFocus"
},
23
M Komaei 2019-02-13 23:18.

ctrl+ k+ 0: Gấp tất cả các cấp (không gian tên, lớp, phương thức, khối)

ctrl+ k+ 1: namspace

ctrl+ k+ 2: lớp

ctrl+ k+ 3: phương pháp

ctrl+ k+ 4: khối

ctrl+ k+ [hoặc ]: khối con trỏ hiện tại

ctrl+ k+ j: Mở ra

12
Stian Standahl 2016-04-15 21:21.

Tính năng thu gọn hiện được hỗ trợ trong bản phát hành 1.0 :

Phím tắt gấp mã nguồn

Có các hành động gấp mới để thu gọn các vùng mã nguồn dựa trên mức độ gấp của chúng.

Có các thao tác gấp cấp độ 1 ( Ctrl+ K Ctrl+ 1) lên cấp độ 5 ( Ctrl+ K Ctrl+ 5). Để mở, hãy sử dụng Mở tất cả ( Ctrl+ Shift+ Alt+ ]).

Các hành động gấp mức không áp dụng cho vùng chứa con trỏ hiện tại.

Tôi đã gặp sự cố khi tìm ]nút trên bàn phím của mình (bố cục kiểu Na Uy) và trong trường hợp của tôi, đó là Ånút. (Hoặc hai nút sang trái và một nút xuống bắt đầu từ nút xóa lùi.)

8
Rafael Grilli 2018-01-19 19:13.

Với JavaScript:

//#region REGION_NAME
   ...code here
//#endregion
5
Tore Aurstad 2019-07-31 10:27.

Không có mẹo kỹ thuật nào ở đây, chỉ cần điều chỉnh đơn giản các tùy chọn của VsCode.

Tôi quản lý để hiển thị các điều khiển gấp mã luôn trong VsCode bằng cách đi tới Tùy chọn và tìm kiếm 'gấp'. Bây giờ chỉ cần chọn để luôn hiển thị các điều khiển này. Điều này hoạt động với mã Typecript và HTML của các mẫu trong giải pháp Angular 8 mà tôi đã thử nghiệm.

Điều này đã được thử nghiệm với VsCode Insiders 1.37.0 chạy trên hệ điều hành Windows 10.

4
Miguelito 2016-07-17 02:19.

Kể từ phiên bản 1.3.1 (2016-07-17), Block Collapse thuận tiện hơn nhiều.

Bất kỳ dòng nào theo sau bởi một dòng thụt lề sẽ có ký tự '-' để cho phép thu gọn. Nếu khối được thu gọn, nó sẽ được thay thế bằng ký tự '+' để mở khối đã thu gọn.

Dấu ( Ctrl+ Shift+ Alt+ ]) sẽ vẫn ảnh hưởng đến tất cả các khối, đóng một cấp. Mỗi lần sử dụng lặp lại đóng thêm một cấp. Dấu ( Ctrl+ Shift+ Alt+ [) hoạt động theo cách ngược lại.

Hoan hô, khối sập cuối cùng cũng hoạt động hữu ích.

4
Murilo Perrone 2017-10-29 14:30.

Tính năng này hiện đã được hỗ trợ, kể từ Visual Studio Code 1.17 . Để gấp / thu gọn khối mã của bạn, chỉ cần thêm các thẻ vùng, chẳng hạn như //#region my block name//#endregionnếu mã hóa trong TypeScript / JavaScript.

Thí dụ:

3
Mark 2020-02-04 08:18.

v1.42 đang thêm một số cải tiến tốt đẹp về cách các nếp gấp trông và hoạt động. Xem https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_42.md#folded-range-highlighting :

Đánh dấu phạm vi gấp

Các phạm vi đã gấp giờ đây dễ dàng khám phá hơn nhờ màu nền cho tất cả các phạm vi được gấp lại.

Màu đánh dấu gấp Chủ đề: Dark +

Tính năng này được điều khiển bởi setting editor.foldingHighlight và màu sắc có thể được tùy chỉnh bằng color editor.foldBackground.

"workbench.colorCustomizations": { "editor.foldBackground": "#355000" }

Tinh chỉnh gấp

Shift + Clicktrên chỉ báo gấp đầu tiên chỉ gấp các phạm vi bên trong. Shift + Clickmột lần nữa (khi tất cả các phạm vi bên trong đã được gấp lại) cũng sẽ gấp lại vùng gốc. Shift + Clickmột lần nữa mở ra tất cả.

Khi sử dụng lệnh Fold (kb ( editor.fold))] trên một phạm vi đã được gấp lại, phạm vi mẹ chưa mở tiếp theo sẽ được gấp lại.

2
ReaddyEddy 2017-08-18 03:30.

Trên máy Mac, đó là phím Lệnh RHS K, không phải phím bên trái cho các lệnh gấp mã.

Nếu không, phím Command bên trái sẽ xóa dòng hiện tại , K.

2
vikyd 2019-02-25 15:13.

Phần mở rộng VSCode: Mức Gấp , một phím gấp đến mức bạn muốn.

0
Mr. Annoyed 2018-08-08 09:12.

Tôi ước Visual Studio Code có thể xử lý:

#region Function Write-Log
Function Write-Log {
    ...
}
#endregion Function Write-Log

Ngay bây giờ Visual Studio Code chỉ bỏ qua nó và sẽ không thu gọn nó. Trong khi đó Notepad ++ và PowerGUI xử lý điều này tốt.

Cập nhật: Tôi vừa nhận thấy một bản cập nhật cho Visual Studio Code. Điều này hiện đã được hỗ trợ!

0
JesusIniesta 2020-05-09 00:49.

Lưu ý: các phím tắt này chỉ hoạt động như mong đợi nếu bạn chỉnh sửa keybindings.json của mình

Tôi không hài lòng với các phím tắt mặc định, tôi muốn chúng hoạt động như sau:

  • Gấp: Ctrl+ Alt+]
  • Gấp đệ quy: Ctrl+ ⇧ Shift+ Alt+]
  • Gấp tất cả: Ctrl+ ksau đó Ctrl+]
  • Mở ra: Ctrl+ Alt+[
  • Mở ra đệ quy: Ctrl+ ⇧ Shift+ Alt+[
  • Mở ra tất cả: Ctrl+ ksau đó Ctrl+[

Để thiết lập nó:

  • Mở Preferences: Open Keyboard Shortcuts (JSON)( Ctrl+ ⇧ Shift+ p)
  • Thêm đoạn mã sau vào tệp đó

    Đã có keybindings tùy chỉnh để gấp / mở ra? Sau đó, bạn cần phải thay thế chúng.

    {
        "key": "ctrl+alt+]",
        "command": "editor.fold",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+alt+[",
        "command": "editor.unfold",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+shift+alt+]",
        "command": "editor.foldRecursively",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+shift+alt+[",
        "command": "editor.unfoldRecursively",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+k ctrl+[",
        "command": "editor.unfoldAll",
        "when": "editorTextFocus && foldingEnabled"
    },
    {
        "key": "ctrl+k ctrl+]",
        "command": "editor.foldAll",
        "when": "editorTextFocus && foldingEnabled"
    },
0
lenooh 2020-07-24 02:38.

Hoặc, nếu bạn muốn loại bỏ các nút gấp, để có thêm không gian:

"editor.folding": false

(thêm vào settings.jsontệp của bạn )

Related questions

MORE COOL STUFF

Cate Blanchett chia tay chồng sau 3 ngày bên nhau và vẫn kết hôn với anh ấy 25 năm sau

Cate Blanchett chia tay chồng sau 3 ngày bên nhau và vẫn kết hôn với anh ấy 25 năm sau

Cate Blanchett đã bất chấp những lời khuyên hẹn hò điển hình khi cô gặp chồng mình.

Tại sao Michael Sheen là một diễn viên phi lợi nhuận

Tại sao Michael Sheen là một diễn viên phi lợi nhuận

Michael Sheen là một diễn viên phi lợi nhuận nhưng chính xác thì điều đó có nghĩa là gì?

Hallmark Star Colin Egglesfield Các món ăn gây xúc động mạnh đối với người hâm mộ tại RomaDrama Live! [Loại trừ]

Hallmark Star Colin Egglesfield Các món ăn gây xúc động mạnh đối với người hâm mộ tại RomaDrama Live! [Loại trừ]

Ngôi sao của Hallmark Colin Egglesfield chia sẻ về những cuộc gặp gỡ với người hâm mộ ly kỳ tại RomaDrama Live! cộng với chương trình INSPIRE của anh ấy tại đại hội.

Tại sao bạn không thể phát trực tuyến 'chương trình truyền hình phía Bắc'

Tại sao bạn không thể phát trực tuyến 'chương trình truyền hình phía Bắc'

Bạn sẽ phải phủi sạch đầu đĩa Blu-ray hoặc DVD để xem tại sao Northern Exposure trở thành một trong những chương trình nổi tiếng nhất của thập niên 90.

Where in the World Are You? Take our GeoGuesser Quiz

Where in the World Are You? Take our GeoGuesser Quiz

The world is a huge place, yet some GeoGuessr players know locations in mere seconds. Are you one of GeoGuessr's gifted elite? Take our quiz to find out!

8 công dụng tuyệt vời của Baking Soda và Giấm

8 công dụng tuyệt vời của Baking Soda và Giấm

Bạn biết đấy, hai sản phẩm này là nguồn điện để làm sạch, riêng chúng. Nhưng cùng với nhau, chúng có một loạt công dụng hoàn toàn khác.

Hạn hán, biến đổi khí hậu đe dọa tương lai của thủy điện Hoa Kỳ

Hạn hán, biến đổi khí hậu đe dọa tương lai của thủy điện Hoa Kỳ

Thủy điện rất cần thiết cho lưới điện của Hoa Kỳ, nhưng nó chỉ tạo ra năng lượng khi có nước di chuyển. Bao nhiêu nhà máy thủy điện có thể gặp nguy hiểm khi các hồ và sông cạn kiệt?

Quyên góp tóc của bạn để giúp giữ nước sạch của chúng tôi

Quyên góp tóc của bạn để giúp giữ nước sạch của chúng tôi

Tóc tỉa từ các tiệm và các khoản quyên góp cá nhân có thể được tái sử dụng như những tấm thảm thấm dầu và giúp bảo vệ môi trường.

Tận dụng lợi thế của việc bán hàng nhân Ngày của Cha này

Tận dụng lợi thế của việc bán hàng nhân Ngày của Cha này

Màn hình Samsung Galaxy S9 Plus. Chủ nhật này là Ngày của Cha⁠ — trong trường hợp nó khiến bạn suy nghĩ — và thay vì mua cho anh ấy một chiếc cà vạt trong năm nay, có lẽ đã đến lúc bạn mua cho anh ấy thứ mà anh ấy sẽ thực sự sử dụng.

Assassin's Creed Snuck Into Monster Hunter: World Last Night

Assassin's Creed Snuck Into Monster Hunter: World Last Night

Monster Hunter: World yêu thích các sự kiện chéo. Dù có nghĩa là hóa trang thành Dante của Devil May Cry, giả dạng Horizon: Zero Dawn's Aloy, hay chiến đấu với quái vật Final Fantasy, các nhiệm vụ sự kiện khác nhau của Thế giới được nâng cấp tự do so với các trò chơi khác.

Ava DuVernay Có Quà Tặng Ngày Của Mẹ cho Tất Cả Chúng Ta: Nếp Nhăn Thời Gian Sẽ Được Viết Lại Vào Cuối Tuần Ngày Của Mẹ!

Ava DuVernay Có Quà Tặng Ngày Của Mẹ cho Tất Cả Chúng Ta: Nếp Nhăn Thời Gian Sẽ Được Viết Lại Vào Cuối Tuần Ngày Của Mẹ!

Storm Reid, Oprah Winfrey, Mindy Kaling, Reese Witherspoon và Ava DuVernay tại buổi chiếu đặc biệt của A Wrinkle in Time tại Nhà hát Walter Reade ở Thành phố New York vào ngày 7 tháng 3 năm 2018 “Ava rất mong được nói chuyện với bạn,” một trong những người của Array dư luận viên nói qua điện thoại. (Array là tập thể phân phối, nghệ thuật và vận động chính sách của Ava DuVernay tập trung vào các bộ phim của người da màu và phụ nữ.

Nhiệm vụ bất khả thi 5 sẽ khôi phục niềm tin của bạn trong phim hành động Tentpole

Nhiệm vụ bất khả thi 5 sẽ khôi phục niềm tin của bạn trong phim hành động Tentpole

Mission Impossible: Rogue Nation bắt đầu ở một cấp độ khác. Theo nghĩa đen.

Edwin McCain ra mắt Grand Ole Opry: Quay cảnh hậu trường với nhạc sĩ 'I'll Be'

Edwin McCain ra mắt Grand Ole Opry: Quay cảnh hậu trường với nhạc sĩ 'I'll Be'

McCain, người đang làm việc cho một album mới, lần đầu tiên bước vào vòng kết nối vào tối thứ Sáu ở Nashville

Nicky Hilton Forced to Borrow Paris' 'I Love Paris' Sweatshirt After 'Airline Loses All [My] Luggage'

Nicky Hilton Forced to Borrow Paris' 'I Love Paris' Sweatshirt After 'Airline Loses All [My] Luggage'

Nicky Hilton Rothschild's luggage got lost, but luckily she has an incredible closet to shop: Sister Paris Hilton's!

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa

Kate Middleton dành một ngày bên bờ nước ở London, cùng với Jennifer Lopez, Julianne Hough và hơn thế nữa. Từ Hollywood đến New York và mọi nơi ở giữa, hãy xem các ngôi sao yêu thích của bạn đang làm gì!

17 tuổi bị đâm chết trong khi 4 người khác bị thương trong một cuộc tấn công bằng dao trên sông Wisconsin

17 tuổi bị đâm chết trong khi 4 người khác bị thương trong một cuộc tấn công bằng dao trên sông Wisconsin

Các nhà điều tra đang xem xét liệu nhóm và nghi phạm có biết nhau trước vụ tấn công hay không

Tôi viết như thế nào

Tôi viết như thế nào

Đối với tôi, mọi thứ là về dòng đầu tiên đó và nó sẽ đưa bạn đến đâu. Một số nhà văn bị điều khiển bởi cốt truyện, sự sắp xếp tinh tế của các quân cờ, trong khi những người khác bị lôi cuốn bởi một nhân vật và khả năng thực hiện một cuộc hành trình với một người bạn hư cấu mới.

Đường băng hạ cánh

Đường băng hạ cánh

Cuối hè đầu thu là mùa hoài niệm. Những chiếc đèn đường chiếu ánh sáng của chúng qua những con đường đẫm mưa, và những chiếc lá dưới chân - màu đỏ cam tắt trong bóng chạng vạng - là lời nhắc nhở về những ngày đã qua.

Hãy tưởng tượng tạo ra một chiến lược nội dung thực sự CHUYỂN ĐỔI. Nó có thể.

Hãy tưởng tượng tạo ra một chiến lược nội dung thực sự CHUYỂN ĐỔI. Nó có thể.

Vào năm 2021, tôi khuyến khích bạn suy nghĩ lại mọi thứ bạn biết về khách hàng mà bạn phục vụ và những câu chuyện bạn kể cho họ. Lùi lại.

Sự mất mát của voi ma mút đã mở ra trái tim tôi để yêu

Sự mất mát của voi ma mút đã mở ra trái tim tôi để yêu

Vào ngày sinh nhật thứ 9 của Felix The Cat, tôi nhớ về một trong những mất mát lớn nhất trong cuộc đời trưởng thành của tôi - Sophie của tôi vào năm 2013. Tôi đã viết bài luận này và chia sẻ nó trên nền tảng này một thời gian ngắn vào năm 2013.

Language