Vue 3 前端项目脚手架 CLI 工具，快速创建包含最佳技术栈的项目骨架。

安装

# 方式一：本地开发模式
cd /path/to/fsdk
pnpm install
pnpm dev

# 方式二：全局安装（发布后）
pnpm build
npm install -g @lumiflora/fsdk

使用命令

# 创建新项目
fsdk create my-project              # 交互式创建
fsdk create my-project --template full --package-manager pnpm

# 添加页面
fsdk add-page --page-name user --router-path /user

# 添加组件
fsdk add-component --name Header --type common

# 添加 Store
fsdk add-store --name user

# 校验配置和模板
fsdk validate

# 预览模板
fsdk preview --port 3000

# 生成并安装补全脚本
fsdk completion bash    # 生成 bash 补全脚本
fsdk completion zsh     # 生成 zsh 补全脚本
fsdk completion fish    # 生成 fish 补全脚本

# 自动安装到 shell 配置文件（推荐）
fsdk completion bash --install
fsdk completion zsh --install

# 查看帮助
fsdk --help
fsdk create --help

Shell 补全

fsdk 支持 bash、zsh 和 fish 的命令行补全。安装后，输入 fsdk 后按 Tab 键可自动补全命令和选项。

Bash（Linux / macOS）

# 方式一：自动安装（推荐）
fsdk completion bash --install
source ~/.bashrc

# 方式二：手动安装
fsdk completion bash
echo 'source ~/.fsdk-completion.bash' >> ~/.bashrc
source ~/.bashrc

Zsh（macOS 默认）

# 方式一：自动安装（推荐）
fsdk completion zsh --install
source ~/.zshrc

# 方式二：手动安装
fsdk completion zsh
# 添加以下内容到 ~/.zshrc：
# fpath=("$HOME/.zsh/completion" $fpath)
# autoload -U compinit && compinit
source ~/.zshrc

注意：如果使用 Oh My Zsh，可以将补全文件复制到 ~/.oh-my-zsh/completions/ 目录：

mkdir -p ~/.oh-my-zsh/completions
fsdk completion zsh --output ~/.oh-my-zsh/completions/_fsdk
exec zsh

Fish

fsdk completion fish
# 补全文件自动生成到 ~/.config/fish/completions/fsdk.fish
# 重启 fish 或打开新终端即可生效

模板

| 模板 | 说明 | |------|------| | full | Vue 3.5 + Vite 6 + Element Plus + Pinia + Vue Router + SCSS | | base | Vue 3.5 + Vite 6 基础版 |

技术栈

| 技术 | 版本 | 用途 | |------|------|------| | Vue | ^3.5.0 | 前端框架 | | Vue Router | ^4.4.0 | 路由（文件路由系统） | | Pinia | ^2.2.0 | 状态管理 | | Element Plus | ^2.8.0 | UI 组件库 | | Vite | ^6.0.0 | 构建工具 | | TypeScript | ~5.6.0 | 类型系统 | | ESLint | ^9.0.0 | 代码检查 |