Danh sách phương pháp trong Visual Studio Code

Gần đây tôi đã bắt đầu sử dụng trình soạn thảo Visual Studio Code. Tôi thực sự yêu thích nó, nhưng có một tính năng quan trọng (đối với tôi) mà tôi không thể tìm thấy. Có một danh sách phương thức, tương tự như Bộ điều hướng trong NetBeans hoặc thả xuống Thành viên trong Visual Studio không?

Vâng, có workbench.action.gotoSymbollệnh. Trên Windows và Linux, nó được đặt thành CTRL+ Shift+ Otheo mặc định.

Nếu lệnh này không có sẵn cho các loại tệp bạn đang làm việc thì bạn nên xem các phần mở rộng VSCode . Không phải tất cả các ngôn ngữ đều hỗ trợ tính năng này.

Cập nhật : Như đã nêu trong các nhận xét của @ jeff-xiao, tiện ích mở rộng này không được dùng nữa và giờ đây nó là một tính năng tích hợp của mã Visual Studio . Nó nên có sẵn ở dưới cùng của trình duyệt tệp dưới dạng xem "Phác thảo".

Văn bản trước đây: Hiện tại có một Tiện ích mở rộng hỗ trợ này. Code Outline tạo một bảng điều khiển trong phần "Explorer" và cho JavaScript, sẽ liệt kê các biến và hàm trong một tệp. Tôi đã sử dụng điều này được một thời gian và nó gãi ngứa. Các bình luận khác đã đề cập rằng nó hỗ trợ Python và PHP tốt.

Nó dường như vẫn đang được phát triển nhưng tôi không có vấn đề gì. Phiên bản phát triển có sẵn trên GitHub . Nếu bạn là tác giả đọc nó - cảm ơn!

Cái này nó thì trông như thế nào:

Nếu Outline Code không hiển thị, bạn có thể hiển thị nó bằng cách:

Gọi Go to symbollệnh của Code :

• macOS: cmd+ shift+ o(chữ cái o, không phải không)

• Windows / Linux: ctrl+ shift+o

Nhập một dấu hai chấm ( :) sau khi gọi Go to symbolsẽ nhóm các ký hiệu theo loại (lớp, giao diện, phương thức, thuộc tính, biến). Sau đó chỉ cần cuộn đến methodsphần.

Có một bản phát hành mới có thể làm điều đó! Kiểm tra ở đây các ghi chú phát hành mới nhất liên quan đến phác thảo mã

Trong VSCode 1.24 bạn có thể làm điều đó.

Nhấp chuột phải vào EXPLORERthanh bên và kiểm tra Outline.

CẬP NHẬT: Các tính năng tiện ích mở rộng hiện được tích hợp sẵn và bản thân tiện ích mở rộng không còn dùng nữa

Tôi đã tìm thấy phần mở rộng này: Code Outline . Đây là cách nó trông như thế nào:

Tôi tin rằng đó là những gì bạn đã tìm kiếm.

Hôm nay không có tính năng như vậy, CTRL+ SHIFT+ O== CTRL+ P@ không hoạt động với tất cả các ngôn ngữ.

Như một phương sách cuối cùng, bạn có thể sử dụng bảng tìm kiếm - mặc dù nó không quá dễ sử dụng như bạn muốn - bạn có thể nhập regex này vào bảng tìm kiếm để tìm tất cả các chức năng:

function\s([_A-Za-z0-9]+)\s*\(

Dành cho người dùng PHP :)

1. Hãy chắc chắn rằng bạn có plugin ' Biểu tượng PHP ', sau đó bạn có thể nhận được tất cả các phương thức và lớp trong phần dưới cùng của ' OUTLINE '.

2. Nhấn ⌘ command+ ⇧ shift+ Otrong "macOS" hoặc Ctrl+ Shift+ Otrong khi sử dụng "Windows"

ĐỀ CƯƠNG:

@Biểu tượng:

Đây là một phần bổ sung cho câu trả lời cho câu hỏi này ở đây nhưng tôi nghĩ nó có thể hữu ích. Như nhiều người đã đề cập, Visual Studio Code có phần OUTLINE cung cấp khả năng duyệt đến các chức năng khác nhau và hiển thị chúng ở bên cạnh.

Tôi cũng muốn thêm rằng nếu bạn kiểm tra dấu con trỏ theo sau, nó sẽ làm nổi bật tên hàm đó trong chế độ xem TRỰC TUYẾN, rất hữu ích trong việc duyệt và xem bạn đang ở chức năng nào.

Thị trường thị trường mã Visual Studio có một tiện ích mở rộng rất đẹp có tên Go To Phương thức để điều hướng chỉ các phương thức trong một tệp mã.

Nhấn Ctrl+ Shift+ Pvà nhập install extensionsvà nhấn enter

Bây giờ gõ Add to methodvào hộp tìm kiếm của thị trường tiện ích mở rộng và nhấn enter.

Nhấn vào đây installđể cài đặt phần mở rộng.

Bước cuối cùng là liên kết một phím tắt với lệnh workbench.action.gotoMethodđể biến nó thành một thứ năng suất thực sự cho một nhà phát triển.

Biểu tượng mở theo tên : CTRL+ T có thể là những gì bạn đang tìm kiếm. Hoạt động hoàn hảo với dự án TypeScript của tôi.

Năm 2020 phiên bản VSCode
Cmd+P

• # - Tìm biểu tượng trên các tập tin
• @ - Tìm biểu tượng trong tập tin
• @: - Biểu tượng nhóm trong một tập tin

ctrl+shift+o // This should work for javascript files by default

Đối với PHP cài đặt phần mở rộng PHP SYMBOLS

CHO PYTHON cài đặt phần mở rộng PYTHON

Trên Tải lại, điều này sẽ hoạt động tốt

CTRL+ F12( CMD+ F12cho Mac) - mở ra cho tôi tất cả các phương thức và thành viên trong lớp PHP.

Có một plugin được gọi là hàm hiển thị liệt kê tất cả các định nghĩa hàm trong một tệp. Nó cũng cho phép bạn sắp xếp các chức năng để có thể tìm kiếm chúng dễ dàng.

Để tìm phương thức trong tất cả các tệp bạn có thể nhấn CTRL + Pvà sau đó bắt đầu tìm kiếm với#

thí dụ : #signin

Hãy xem Show Functionsplugin. Nó có thể liệt kê các hàm, ký hiệu, dấu trang bằng các biểu thức chính quy có thể cấu hình. Biểu thức chính quy là một trình tiết kiệm thực sự, đặc biệt là khi bạn không sử dụng ngôn ngữ chính và khi CodeOutline không thực hiện công việc. Thật xấu xí khi thấy một cửa sổ phân chia với các chức năng này (CodeOutline dường như được tích hợp tốt hơn) nhưng ít nhất có một cái gì đó để sử dụng