深圳机场货运一个码系统管理端

chenjun 17b921ba9a 1 hai 5 meses
.husky 61c50e0fa2 修改 %!s(int64=2) %!d(string=hai) anos
.vscode 3f525baf56 列设置 %!s(int64=2) %!d(string=hai) anos
mock 9dfda822ea 112 %!s(int64=2) %!d(string=hai) anos
public 46b0a665e6 货物重量统计id变更 hai 9 meses
src 17b921ba9a 1 hai 5 meses
ts-out-dir 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
typings 6c199a59a1 修改局方报文 hai 11 meses
.editorconfig ce4ff02290 添加航站视图 %!s(int64=2) %!d(string=hai) anos
.env.build 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
.env.build-test 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
.env.serve-dev 1589f3b3cf 123 %!s(int64=2) %!d(string=hai) anos
.env.serve-test 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
.eslintignore 61c50e0fa2 修改 %!s(int64=2) %!d(string=hai) anos
.eslintrc-auto-import.json 8eeefc519b 角色管理 %!s(int64=2) %!d(string=hai) anos
.eslintrc.js 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
.gitignore a40708ba8e 国内出港航站表头修改 %!s(int64=2) %!d(string=hai) anos
.npmrc 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
README-zh_CN.md 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
README.md 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
auto-imports.d.ts 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
components.d.ts ae652c742c 1 hai 1 ano
index.html 23cf9b44be 国内/国际离港航班视图-预警报警修改 %!s(int64=2) %!d(string=hai) anos
optimize-include.ts 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
package-lock.json 24e1f150da 1 %!s(int64=2) %!d(string=hai) anos
package.json 871e608975 谷歌版本兼容 %!s(int64=2) %!d(string=hai) anos
tsconfig.base.json 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
tsconfig.json 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
vite.config.ts 871e608975 谷歌版本兼容 %!s(int64=2) %!d(string=hai) anos
vitest.config.ts 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos
vitest.setup.ts 5cd2acce9f 初始化 %!s(int64=2) %!d(string=hai) anos

README-zh_CN.md

vue3-admin-ts

中文 | English

vue3 admin plus 提供企业级开发demo

本架构使用的技术为:vue3(setup-script)+vite2+element-plus 的新一代的前端框架,It's fast!

使用 eslint+prettier+gitHooks 格式和校验代码,提高代码规范性和开发效率

线上体验

github address

Access address

github 地址: https://github.com/jzfai/vue3-admin-ts.git

国内体验地址:https://github.jzfai.top/vue3-admin-ts

例子

---- 我们先看看加载速度和构建后的包大小:

template-speed-analysis

template-demo

相关项目

框架有js,ts和plus版本

开发和使用感受:两个字 真香!!!!!

文档

vue3和vue2在性能上的对比

  • 打包大小减少41%

  • 初次渲染快55%, 更新渲染快133%

  • 内存减少54%

  • 使用Proxy代替defineProperty实现数据响应式

  • 重写虚拟DOM的实现和Tree-Shaking

vite2和webpack打包速度上的对比

构建步骤

# 克隆项目
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浏览器

讨论和交流(含vue3+ts视频教程)

WeChat group