当前位置: 首页 > Web前端 > vue.js

Vue+TypeScript+Antd实用脚手架(开箱即用)

时间:2023-03-31 19:02:51 vue.js

介绍本项目基于Vue全家桶+TypeScript+Antd搭建简单脚手架。TypeScript拥有类型系统,是JavaScript的超集,而TypeScript在2018年势头正盛,可谓百花齐放。Vue3.0会使用TS重写,重写后的Vue3.0会更好的支持TS。2020年TypeScript会越来越流行,能够熟练掌握TS并使用TS开发过项目将成为前端开发者的优势。项目地址github:https://github.com/sunshine82...gitee:https://gitee.com/sunshine824...目录结构。├──README.md├──babel.config.js├──package-lock.json├──package.json├──public│├──config.js│├──favicon.ico│└──index.html├──src│├──App.vue│├──api#接口管理模块│├──assets#静态资源模块│├──components#公共组件模块│├──i18n#国际化模块│├──layouts#公共自定义布局│├──main.ts#入口文件│├──public#公共资源模块│├──router#路由│├──store#vuex状态库│├──types#声明file│├──utils#公共方法模块│└──views#视图模块├──tsconfig.json└──vue.config.js功能已经完成Function[x]Login[x]Exit[x]ChangePassword[x]动态路由[x]国际化[x]支持flv,如何关闭hls、rtmp格式视频播放的动态路由将src/router/index.ts中的DYNROUTER变量设置为false,即关闭,否则打开它。当DYNROUTER关闭时,可以在router.config.ts的mainRoutes中配置路由,主要路由需要优化或者实现刚开始学习TypeScript。TS的使用有待完善,以后会增加更多TypeScript特性[]使用vuex-module-decorators[]更多TypeScript优化技巧[]服务器渲染SSR相关包版本号所有技术目前都是最新的。vue:^2.6.11typescript:^3.9.3ant-design-vue:1.6.5vue-router:^3.2.0less:^3.0.4vuex:^3.4.0axios:0.19.0vuex-module-decorators:^0.17.0BuildSetup#clonegitclonehttps://github.com/sunshine824/vue-typescript-starter.git#cdcdvue-typescript-starter#installdependenciesnpminstall#为开发编译和热重载npmrunserve#为生产编译和压缩npmrunbuildproject截图由于每个项目的内容不同,我这里只搭建了一个骨架,具体内容自定义。最后,如果您觉得项目不错,或者对您有帮助,点个star,或者真心感谢是对我最大的鼓励,我会更有动力维护这个项目