Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>function-outlineNew to Visual Studio Code? Get it now.
function-outline

function-outline

deerro

|
8 installs
| (0) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Function Outline

一款轻量级 VS Code 扩展,专注于识别 Js/Jsx/Ts/Tsx 文件中的具名函数,帮助开发者快速浏览和导航代码中的核心函数逻辑。

Features

🔍 识别两类具名函数

仅提取并展示以下明确命名的函数:

  • 具名函数声明
    例如:function calculateTotal() {}
  • 具名函数表达式
    例如:const fetchData = function getData() {} 或 const handleClick = () => {}(箭头函数需显式命名)

📍 一键导航

点击大纲中的函数名称,可直接跳转到对应函数的定义位置,适合在大型文件中快速定位。

📋 清晰列表展示

以代码中出现的顺序(或按名称排序)展示函数列表,包含函数名和定义行号,简洁直观。

🚀 扩展文件类型支持

新增对 .jsx 和 .tsx 文件的完整支持,现在可识别 JSX/TSX 语法中的具名函数(如组件内定义的事件处理函数、工具函数等)。

Requirements

  • VS Code 版本 ≥ 1.70.0(低版本可能存在兼容性问题)
  • 支持文件类型:.js、.jsx、.ts、.tsx
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft