Skip to content

基于 Arco Design Pro 简化,开箱即用的Vite+Vue3构建的基础模板。

Notifications You must be signed in to change notification settings

mayingfa/arco-design-web

Repository files navigation

Arco Design Web

Vue3 Vite TypeScript Pinia ESLint Axios Prettier Less

基于 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

🧩 Vue 生态圈

About

基于 Arco Design Pro 简化,开箱即用的Vite+Vue3构建的基础模板。

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages