Path Completion in fileTree
根据文件结构下文件导出的 export name 给予补全,目前支持根目录下的 utils / element / constant / mock 四个文件路径;同时支持typeScript 项目和javaScript 的项目
安装
- 打开编辑器,Ctrl + Shift + X,搜索 Path Completion in fileTree。
- 点击 install
使用
可以参考上图文件结构,将vscode打开根目录在<rootPath>
├── <rootPath>
│ ├── constant
│ │ └── page.ts
│ ├── element
│ │ └── test001_list.ts
│ ├── mock
│ │ └── test.ts
│ └── utils
│ ├── a
│ │ └── b
│ │ └── c.ts
│ └── command.ts
在该<rootPath> 目录下输入对应文件目录即可获取相应的补全
eg:
// utils/a/b/c.ts
export default {
d: 'd',
}
如果你需要获取utils/a/b/c.ts 下的d ,你可以在<rootPath> 目录下的任意文件中输出以下代码即可获取补全
utils.
utils.a
utils.a.b
utils.a.b.c
建议配套
file-tree-loader
| |