Skip to content

快速开始

环境要求

node版本: >=16.0.0

搭建第一个Rzpack项目

sh
$ npm create rzpack
sh
$ pnpm create rzpack
sh
$ yarn create rzpack
sh
$ bun create rzpack

然后按照提示操作即可!

模板

你还可以通过附加的命令行选项直接指定项目名称和模板,例如:创建一个基础的Ts模板:

sh
# npm
npm create rzpack rzpack-app --template react-ts

# yarn
yarn create rzpack rzpack-app --template react-ts

# pnpm
pnpm create rzpack rzpack-app --template react-ts

模板列表:

  • react-ts - ts模板
  • antd - antd模版
  • admin - 基础后台管理平台(侧边菜单版)的模版
  • admin-header-menu - 基础后台管理平台(顶部菜单版)的模版

模板推荐使用admin-header-menu,选择模板之后还有:JSX文件处理LoadercssScoped(类似Vue的style scoped)commitLint功能可以选择。

sh
cd rzpack-app

npm install
npm run dev

命令行界面

json
"scripts": {
  "dev": "rzpack",
  "build": "rzpack build",
  "preview": "rzpack preview"
}

可以指定额外的命令行选项,如: --config。运行npx rzpack --help获得完整的命令行选项列表。

查看命令行界面了解更多细节。