VS Code插件，快捷复制别名路径、导入别名路径、相对路径、导入相对路径
o-file-path
中文
使用方式
下载
VS Code插件商店
如何使用
- 侧边栏文件菜单 右键
- 文件顶部菜单 右键
- F1呼出命令执行面板 输入命令
*注意：相对路径、导入相对路径
例如：
├── src
│ ├── index.js
│ ├── util
│ │ ├── test.js
1.打开index.js
2.侧边栏文件菜单右键选择test.js，选择「复制导入相对路径」
得到：
import Test from './util/test.js'
功能入口兼容
|
侧边栏文件菜单 |
文件顶部菜单 |
直接运行命令 |
| 别名路径 |
✅ |
✅ |
✅ |
| 导入别名路径 |
✅ |
✅ |
✅ |
| 相对路径 |
✅ |
❌ |
❌ |
| 导入相对路径 |
✅ |
❌ |
❌ |
配置说明
别名配置 o-file-path.alias
*配置应为数组形式
*为防止同路径别名冲突，排在前面的配置会优先读取
[
{
"alias": "#",
"path": "src/assets"
},
{
"alias": "@",
"path": "src"
}
]
开发方式
安装依赖
#yarn
yarn
#npm
npm i
本地开发
1. 使用VS Code打开源码
2. F5 运行插件
本地打包插件
参考：vsce —— 发布工具参阅
vsce package
or
vsce publish
技术栈
- Typscript
- ESLint + Prettier + Husky
致谢
| |
