Vue JS/TS Export Code Hints

一个VSCode插件，用于在Vue 2/3项目的script标签中提供JavaScript/TypeScript文件中导出的方法和属性的代码提示。

功能特性

• 🔍 自动扫描项目中的所有JS/TS文件，提取导出的方法和属性
• 🚫 自动忽略 node_modules、uni_modules 等目录
• 💡 在Vue文件的script标签中提供智能代码补全
• ⚡ 支持文件保存时自动重新扫描（增量扫描，性能优化）
• 🎯 支持Vue 2和Vue 3项目
• ⏱️ 插件激活时立即扫描，无需等待用户操作
• 🔄 工作区变化时自动重新扫描
• 📊 支持多种导出语法：具名导出、默认导出、命名导出

安装

1. 在VSCode中打开扩展面板 (Ctrl+Shift+X)
2. 搜索 "Vue JS/TS Export Code Hints"
3. 点击安装

使用方法

自动扫描

插件会在以下情况下自动扫描项目：

• 插件激活时：立即扫描整个工作区，确保代码提示立即可用
• 工作区变化时：工作区文件夹变化时重新扫描
• 文件保存时：保存JS/TS/Vue文件时自动增量扫描（延迟500毫秒，只扫描修改的文件）
• 手动触发：通过命令面板执行扫描命令

手动扫描

1. 打开命令面板 (Ctrl+Shift+P)
2. 输入 "Scan Project Exports"
3. 执行命令开始扫描

代码补全

在Vue文件的 <script> 标签内输入代码时，插件会自动提供项目中所有导出的方法和属性的补全建议。

配置

在VSCode设置中搜索 "Vue Export Code Hints" 可以进行以下配置：

• vueExportHints.ignoredDirectories: 要忽略的目录列表（默认: ["node_modules", "uni_modules", ".git", ".vscode"]）
• vueExportHints.fileExtensions: 要扫描的文件扩展名列表（默认: [".js", ".ts", ".vue"]）

支持的导出语法

插件支持以下导出语法：

// 具名导出
 export function myFunction() {}
 export const myConstant = 'value';
 export let myVariable = 'value';
 export class MyClass {}

// 默认导出
 export default { myFunction, myConstant };

// 命名导出
 export { function1, function2 };
 export { original as alias };

开发

构建

npm install

测试

npm test

发布

1. 安装 vsce: npm install -g @vscode/vsce
2. 打包: vsce package
3. 发布到市场: vsce publish

许可证

MIT License

问题反馈

如果在使用过程中遇到问题，请在GitHub仓库中提交Issue。