Timo 前端助手
🧩 Timo 前端团队专用 VS Code 插件,提升常用模块引入与代码操作效率。
✨ 插件简介
Timo 前端助手 是一款面向 Timo 团队内部使用的 VS Code 插件,提供了一组实用的右键菜单功能,帮助开发者在项目开发过程中更加快速地引入常用模块和工具函数。
🎯 功能特性
- ✅ 右键菜单快捷引入常用模块(如
ref , onMounted , useActivityGuard 等)
- ✅ 基于项目目录自动激活(如
h5/ 子目录下生效)
- ✅ 组织清晰的菜单分类(Vue 响应式、生命周期、工具函数等)
- ✅ 本地项目无侵入、开箱即用
📁 目录要求
插件将在工作区包含以下路径时自动激活:
h5/
└── h5_system/
└── vueiii/
📌 使用方法
- 安装插件(本地
.vsix 或团队共享方式)
- 打开包含
h5/ 路径的项目
- 右键代码编辑器空白区域
- 选择对应的功能菜单进行操作
示例菜单路径:
右键菜单 →
└── [Timo]引入常用模块
├── @/utils/utils.ts
├── vue
└── vue-router
🧩 示例指令
ref
reactive
onMounted
debounce
appToast
useActivityGuard
🧑💻 作者信息
- 插件作者:PengZhiYuan
- 所属团队:Timo 前端团队
📦 项目结构说明(开发者向)
- 插件入口:
src/index.js
- 激活规则:
workspaceContains:h5/
- 命令注册:通过
package.json > contributes.commands 完成
- 菜单构建:基于
submenus 和 menus 结构灵活配置
📜 License
专属团队插件,禁止外传。
| |