@rainbow-fe/rainbow-template-pc
v1.0.1
Published
Rainbow PC 端 Vue3 + TypeScript 模板
Readme
OWMS基础模板
项目背景
基础应用(库存管理,基础管理、数据中心、工单)
项目简介
无
项目功能
技术准备
- node 和 git -项目开发环境
- Electron -客户端框架
- electron-builder -客户端软件打包工具
- Vite - 熟悉 vite 特性
- Vue3 - 熟悉 Vue 基础语法
- TypeScript - 熟悉
TypeScript基本语法 - Es6+ - 熟悉 es6 基本语法
- Vue-Router-Next - 熟悉 vue-router 基本使用
- Ant-Design-Vue - ui 基本使用
目录结构
owms-receipt
├─ .env # 通用环境
├─ .env.development # 开发环境
├─ .env.production # 生产环境
├─ .env.staging # 预发布环境
├─ .eslintrc.js # eslint
├─ .stylelintrc # stylelint
├─ README.md
├─ .husky # git钩子
├─ build # vite构建配置
├─ cypress # E2E测试
├─ dist # 打包dist
├─ mock # mock服务
├─ public # 静态资源
├─ src # 源码
│ ├─ antdv # ts 声明
│ ├─ api # 接口请求
│ ├─ composabels # Hooks
│ ├─ monitor # 异常监控
│ ├─ assets # 图片等媒体资源
│ ├─ components # 公共组件
│ ├─ settings # 项目配置
│ ├─ enums # 常量
│ ├─ directives # 全局指令
│ ├─ layout # 全局Layout
│ ├─ locales # 国际化
│ ├─ plugins # 插件
│ ├─ router # 路由
│ ├─ store # vuex状态管理
│ ├─ styles # 全局样式
│ ├─ utils # 全局公共方法
│ └─ views # 所有业务页面
├─ types # ts声明
├─ tests # 测试
├─ tsconfig.json # ts 编译配置
├─ jest.config.js # jest 配置
├─ commintlint.config.js # git提交校验规则配置
├─ vite.config.ts # vite 配置
安装使用
- 获取代码
git clone http://git.eminxing.com/fbu-web/wcs/wds-ui.git- 安装依赖
cd wds-ui
npm install
- 运行
npm run dev- 打包
# 线上包
npm run build
