create-wms
v1.0.9
Published
🛠️ Create a WMS (Warehouse Management System) project with Vue 3, TypeScript, Vue Router, Pinia, Element Plus, and Tailwind CSS
Maintainers
Readme
create-wms
🛠️ 创建一个 WMS (仓库管理系统) 项目,使用 Vue 3、TypeScript、Vue Router、Pinia、Element Plus 和 Tailwind CSS。
使用方法
本地开发
- 安装依赖:
npm install- 构建项目:
npm run build- 测试本地构建:
node bundle.js my-wms-project发布到 npm
- 构建项目:
npm run build- 发布到 npm:
npm publish使用已发布的包
发布后,用户可以通过以下命令创建 WMS 项目:
npm create wms或者指定项目名称:
npm create wms my-wms-project选项
--force: 即使目录不为空也创建项目--no-dev: 创建项目后不自动运行npm run dev--help: 显示帮助信息--version: 显示版本号
功能特性
- ✅ Vue 3
- ✅ TypeScript
- ✅ Vue Router
- ✅ Pinia
- ✅ Element Plus
- ✅ Tailwind CSS
- ✅ ESLint
- ✅ Prettier
- ✅ 自动安装依赖
- ✅ 自动启动开发服务器
项目结构
create-wms/
├── index.ts # 主入口文件
├── package.json # 包配置
├── rolldown.config.ts # 构建配置
├── bundle.js # 构建后的可执行文件(构建后生成)
├── locales/ # 国际化文件
├── template/ # 项目模板
│ ├── base/ # 基础模板
│ ├── config/ # 配置模板
│ ├── tsconfig/ # TypeScript 配置模板
│ └── wms/ # WMS 专用模板
└── utils/ # 工具函数开发说明
项目使用 rolldown 将 TypeScript 源代码打包成单个 bundle.js 文件,该文件可以直接通过 Node.js 执行。
构建后的 bundle.js 文件包含了所有必要的依赖,可以直接发布到 npm。
