Vue Runner

一个轻量级的 VS Code 扩展,专为 Vue 开发者设计,提供快捷的项目启动和终止功能。
✨ 特性
- 🚀 一键启动 Vue 开发服务器
- 🎯 智能检测项目环境
- 💻 便捷的状态栏监控
- ⚡ 快速终止服务进程
- 🔧 支持自定义包管理器和命令
📦 安装
在 VS Code 扩展商店中搜索 "Vue Runner" 并安装。
🔨 使用方法
- 打开包含
package.json 的 Vue 项目
- 在编辑器右上角找到运行按钮(绿色)
- 点击运行按钮启动开发服务器
- 服务运行时,按钮会变为停止按钮(红色)
- 点击底部状态栏可以快速打开终端查看运行状态
⚙️ 配置选项
在 VS Code 设置中可以自定义以下选项:
vueRunner.packageManager : 选择包管理器
- 可选值: "pnpm" | "npm" | "yarn"
- 默认值: "pnpm"
vueRunner.command : 自定义运行命令
- 例如: "dev", "serve"
- 默认值: "dev"
vueRunner.customPlayIcon : 自定义运行按钮图标
vueRunner.customStopIcon : 自定义停止按钮图标
配置示例:
📝 更新日志
0.0.10
- ✨ 添加 GitHub 仓库地址
- 📝 更新文档和配置说明
0.0.9
- ✨ 新增包管理器选择功能 (pnpm/npm/yarn)
- 🔧 支持自定义运行命令
- 🎨 优化按钮和状态栏显示
- 📝 完善配置文档
0.0.8
- 🎨 全新设计的扩展图标
- 🌈 优化按钮颜色,更直观的状态显示
- 💫 改进图标动效和视觉体验
0.0.7
0.0.6
- 🔄 改进终端管理逻辑
- 🎯 优化状态栏显示
- ⚡ 提升运行稳定性
0.0.5
- ✨ 优化状态栏显示
- 🔧 改进终端管理
- 🎨 更新图标样式
- 🐛 修复激活事件
0.0.4
0.0.3
0.0.2
0.0.1
⚙️ 系统要求
- VS Code 1.80.0+
- 项目中已安装 pnpm/npm/yarn
🔍 自定义图标
你可以在 VS Code Icons 中查找可用的图标ID来自定义按钮图标。
📄 许可
MIT License
🤝 贡献
欢迎提交 Issue 或 Pull Request 来帮助改进这个项目。
| |