|
hai 5 meses | |
---|---|---|
.husky | %!s(int64=2) %!d(string=hai) anos | |
.vscode | %!s(int64=2) %!d(string=hai) anos | |
mock | %!s(int64=2) %!d(string=hai) anos | |
public | hai 9 meses | |
src | hai 5 meses | |
ts-out-dir | %!s(int64=2) %!d(string=hai) anos | |
typings | hai 11 meses | |
.editorconfig | %!s(int64=2) %!d(string=hai) anos | |
.env.build | %!s(int64=2) %!d(string=hai) anos | |
.env.build-test | %!s(int64=2) %!d(string=hai) anos | |
.env.serve-dev | %!s(int64=2) %!d(string=hai) anos | |
.env.serve-test | %!s(int64=2) %!d(string=hai) anos | |
.eslintignore | %!s(int64=2) %!d(string=hai) anos | |
.eslintrc-auto-import.json | %!s(int64=2) %!d(string=hai) anos | |
.eslintrc.js | %!s(int64=2) %!d(string=hai) anos | |
.gitignore | %!s(int64=2) %!d(string=hai) anos | |
.npmrc | %!s(int64=2) %!d(string=hai) anos | |
README-zh_CN.md | %!s(int64=2) %!d(string=hai) anos | |
README.md | %!s(int64=2) %!d(string=hai) anos | |
auto-imports.d.ts | %!s(int64=2) %!d(string=hai) anos | |
components.d.ts | hai 1 ano | |
index.html | %!s(int64=2) %!d(string=hai) anos | |
optimize-include.ts | %!s(int64=2) %!d(string=hai) anos | |
package-lock.json | %!s(int64=2) %!d(string=hai) anos | |
package.json | %!s(int64=2) %!d(string=hai) anos | |
tsconfig.base.json | %!s(int64=2) %!d(string=hai) anos | |
tsconfig.json | %!s(int64=2) %!d(string=hai) anos | |
vite.config.ts | %!s(int64=2) %!d(string=hai) anos | |
vitest.config.ts | %!s(int64=2) %!d(string=hai) anos | |
vitest.setup.ts | %!s(int64=2) %!d(string=hai) anos |
中文 | English
vue3 admin plus 提供企业级开发demo
本架构使用的技术为:vue3(setup-script)+vite2+element-plus 的新一代的前端框架,It's fast!
使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率
github 地址: https://github.com/jzfai/vue3-admin-ts.git
国内体验地址:https://github.jzfai.top/vue3-admin-ts
---- 我们先看看加载速度和构建后的包大小:
框架有js,ts和plus版本
开发和使用感受:两个字 真香!!!!!
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%
使用Proxy代替defineProperty实现数据响应式
重写虚拟DOM的实现和Tree-Shaking
# 克隆项目
git clone https://github.com/jzfai/vue3-admin-ts.git
# 进入项目目录
cd vue3-admin-ts
# 安装依赖(建议用pnpm)
# 你可以运行npm i -g pnpm@6.32.3 去安装pnpm
pnpm
# 启动服务
pnpm run dev
浏览器访问 http://localhost:5001
# 构建测试环境
pnpm run build-test
# 构建生产环境
pnpm run build
# 预览生产环境
pnpm run preview
# 代码格式检查并自动修复
pnpm run lint
架构开发不易,如果感觉好,请给我点个start,架构还在不断完善中,欢迎加入我开发,一起成为Contributors !!!!
注意:vue3不在支持IE浏览器