基于 Arco Design Pro 简化,开箱即用的基础模板。
- TypeScript - 代码完全使用 TypeScript 书写
- 移除 I18n - 内置国际化多语言解决方案
- 增加注册、登录、忘记密码页面,调整部分页面样式
- Mock - 内置 api 模拟方案,代码即注释,更加仿真线上环境。
├── config # vite 配置文件
├── src # 源代码
│ ├── api # 所有请求
│ ├── assets # 图片、字体等静态资源
│ ├── components # 全局公用组件
│ ├── config # 页面配置信息
│ ├── directive # 全局指令
│ ├── enums # 枚举类
│ ├── hooks # 全局 hooks
│ ├── layout # 全局 layout
│ ├── mock # 项目mock 模拟数据
│ ├── router # 路由
│ ├── store # 全局 store管理
│ ├── types # 全局接口、类型
│ ├── utils # 全局公用方法
│ ├── views # views 所有页面
│ ├── App.vue # 入口页面
│ ├── main.ts # 入口文件 加载组件 初始化等
│ └── env.d.ts # 声明文件
├── index.html # html模板
├── .eslintrc.js # eslint配置文件 代码规范检查
├── .prettierrc.js # prettier配置文件 代码样式检查
├── .stylelintrc.js # stylelint配置文件 css样式规范
├── babel.config.js # babel-loader配置文件
├── commitlint.config.js # commitlint配置文件 仓库提交规范
├── package.json # package.json
├── package-lock.json # package-lock.json
└── tsconfig.json # typescript配置文件
# 克隆项目
git clone https://gitee.com/mayingfa/arco-design-web.git
# 进入项目目录
cd arco-design-web
# 安装依赖
yarn install
# 本地开发 启动项目
npm run dev
- Vite2 下一代前端开发与构建工具 https://cn.vitejs.dev
- Vue3 渐进式 JavaScript 框架 https://v3.cn.vuejs.org
- TypeScript 中文手册 https://typescript.bootcss.com
- Pinia 下一代 Vuex5 https://pinia.vuejs.org
- Vue Router 官网 https://router.vuejs.org
- VueRequest 请求库 https://www.attojs.com
- Mock 拦截请求模拟数据 http://mockjs.com
- Arco Design 组件库 https://arco.design/vue/docs/start