FangHub CLI 插件
基于 FangHub CLI 的可视化项目脚手架 VS Code 插件。
功能特性
- 快速初始化项目：支持 Vue 和后台管理项目的快速初始化
- 可视化配置：通过 WebView 界面进行项目配置，操作简单直观
- 模板选择：提供多种项目模板，满足不同需求
- 一键生成：配置完成后一键生成项目结构
安装方法
- 打开 VS Code
- 点击左侧扩展图标
- 搜索 "FangHub CLI"
- 点击 "安装" 按钮
- 安装完成后，点击 "重新加载" 按钮激活插件
使用方法
通过命令面板
- 按下
Ctrl+Shift+P (Windows/Linux) 或 Cmd+Shift+P (Mac)
- 输入 "FangHub: 初始化项目" 并选择
- 在弹出的 WebView 中配置项目参数
- 点击 "创建项目" 按钮
通过左侧活动栏
- 点击左侧活动栏中的 "FangHub" 图标
- 在 "项目脚手架" 视图中点击 "初始化项目" 按钮
- 在弹出的 WebView 中配置项目参数
- 点击 "创建项目" 按钮
支持的项目类型
- Vue 项目：基于 Vite 的 Vue 3 项目
- 后台管理项目：集成了路由、状态管理、UI 库等的完整后台管理系统
项目配置选项
- 项目名称：项目的名称
- 项目位置：项目的保存路径
- 项目版本：项目的初始版本号
- 语言类型：支持 JavaScript 和 TypeScript
- 包管理器：支持 npm、yarn 和 pnpm
- UI 库：支持 Element Plus、Ant Design Vue 等
- 其他功能：路由、状态管理、Axios、Mock 等
技术栈
- 开发语言：TypeScript
- 构建工具：Vite
- UI 框架：原生 HTML/CSS/JavaScript
- VS Code API：使用 VS Code 扩展 API
贡献指南
欢迎提交 Issue 和 Pull Request 来改进这个插件。
许可证
MIT License
联系方式
| |
