vue3-composition-admin 是一个管理端模板解决方案，它是基于vue3,ts和element-plus，项目都是以composition api风格编写。

简介

项目的基础版本出自于源于花裤衩大佬的 vue-element-admin。

版本：

vue2+js版本：vue-element-admin

vue2+ts版本：vue-typescript-admin-template

vue3 发布之后，性能增强，速度vue2的倍数，打包体积都在减小（treeshaking），composition api 增加了项目可读性。

项目目的：

• 保持技术的先进性，跟上技术发展
• 作为公司定制组件的代码demo集合
• 解决方案集合
• 统一技术标准

HighLight

项目均已最新技术实现，Vue3配套升级全家桶和涉及的插件组件等

项目采用技术:

• vue3 + composition api
• typescript3.9
• sass (dart sass)
• echats5

vue next 系列:

• element-plus
• vue-router-next
• vuex-4.0
• vue-vue-i18n-next

Document

• 文档地址
• 文档项目git地址

Setup

项目主要是前端和mock server（node）

Mock

后台模拟服务器和其他版本不同，采用koa2+Faker进行模拟。

• Koa2
• Faker

启动mock server:

     "mock": "cd mock && ts-node-dev mock.ts"

mock 需要部署到服务器，单独项目地址：https://github.com/rcyj-FED/admin-tmpl-mock mock在线测试地址：https://admin-tmpl-mock.rencaiyoujia.com/

vue admin

多环境启动：

    "serve:dev": "cross-env NODE_ENV=development dotenv -e .env.dev.serve vue-cli-service serve",
    "build:dev": "cross-env NODE_ENV=production  dotenv -e .env.dev.build vue-cli-service build",
    "serve:test": "cross-env NODE_ENV=development dotenv -e .env.test.serve vue-cli-service serve",
    "build:test": "cross-env NODE_ENV=production  dotenv -e .env.test.build vue-cli-service build",
    "serve:prod": "cross-env NODE_ENV=development dotenv -e .env.prod.serve vue-cli-service serve",
    "build:prod": "cross-env NODE_ENV=production  dotenv -e .env.prod.build vue-cli-service build",

快捷启动(同时启动前后端)：

    "start": "concurrently \"npm run mock\" \"npm run serve:dev\"",

Browsers support

Modern browsers and Internet Explorer 10+.

IE / Edge	Firefox	Chrome	Safari
IE10, IE11, Edge	last 2 versions	last 2 versions	last 2 versions

License

MIT

Copyright (c) 2021-present 人才有价