简介
此项目是基于 Vue 全家桶 + TypeScript + Antd 搭建简易脚手架。 TypeScript 具有类型系统,且是 JavaScript 的超集,TypeScript 在 2018年 势头迅猛,可谓遍地开花。 Vue3.0 将使用 TS 重写,重写后的 Vue3.0 将更好的支持 TS。2020 年 TypeScript 将会更加普及,能够熟练掌握 TS,并使用 TS 开发过项目,将更加成为前端开发者的优势。 由于是第一次使用TypeScript,写得还是很简陋,不喜还望勿喷,多多提意见,后续会不断优化。
项目地址
已经完成功能
- 登录
- 退出
- 修改密码
- 动态路由
- 国际化
- flv、hls、rtmp视频播放
目录结构
.
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── public
│ ├── config.js
│ ├── favicon.ico
│ └── index.html
├── src
│ ├── App.vue
│ ├── api # 接口管理模块
│ ├── assets # 静态资源模块
│ ├── components # 公共组件模块
│ ├── i8n # 国际化模块
│ ├── layouts # 公共自定义布局
│ ├── main.ts # 入口文件
│ ├── public # 公共资源模块
│ ├── router # 路由
│ ├── store # vuex状态库
│ ├── types # 声明文件
│ ├── utils # 公共方法模块
│ └── views # 视图模块
├── tsconfig.json
└── vue.config.js
项目截图
相关包版本号
所有技术都是当前最新的。
- vue: ^2.6.11
- typescript : ^3.9.3
- ant-design-vue: 1.6.5
- vue-router : ^3.2.0
- less: ^3.0.4
- vuex: ^3.4.0
- axios:^0.19.0
- vuex-module-decorators: ^0.17.0
Build Setup
# clone
git clone https://github.com/sunshine824/vue-typescript-starter.git
# cd
cd vue-typescript-starter
# install dependencies
npm install
# Compiles and hot-reloads for development
npm run serve
# Compiles and minifies for production
npm run build
最后
如果你觉得该项目不错,或者对你有所帮助,点个 Star 、或者真心赞赏一下 都是对我最大的鼓励,我会更有动力维护好该项目