项目职责:
负责了项目框架搭建、对通用组件、Axios和工具类等进行封装
参与权限管理、单点登录、可视化大屏、PV埋点、工单流转等模块研发
项目描述:
本项目主要用Vue3+Vite+TypeScript构建开发,项目集成了ESlint、Prettier、Edirotconfig、Lint-Staged、Husky、CommitLint 来对项目规范管理
使用inquirer交互工具和npm_lifecycle_event,在执行脚本前,得到当前项目类型和环境,配合node动态生成对应的环境配置文件
使用import.meta.glob工程化注册通用组件,并根据权限读取routes文件动态注册路由
使用分片上传和合并分片实现了大文件的上传和下载
通过腾讯地图api,实现周边搜索、路线指引
使用Echarts工具来完成数据可视化、大屏的页面
封装全局自定义指令,对权限按钮进行控制
利用了具名插槽、作用域插槽、动态插槽进行组件间的内容分发,增强组件的可复用性
项目优化:
配置terser进行代码打包压缩
配置manualChunks进行分包
配置vite-plugin-cdn-import加载外部CDN资源
项目主要技术栈:Vue3、Vite、TypeScript、Pinia、Echarts、Axios、Less、Element Plus、ESNext