All Projects → wangchenhao → vue-typescript-admin

wangchenhao / vue-typescript-admin

Licence: other
Vue typescript 开发的基础模板,多页面支持,基础整合完毕。

Programming Languages

javascript
184084 projects - #8 most used programming language
typescript
32286 projects
CSS
56736 projects
Vue
7211 projects

Projects that are alternatives of or similar to vue-typescript-admin

Vue Element Quick Start
Vue2, Vuex 3, Vue Router 3, Element-ui and Typescript SPA project quick start kit(Vue element ui 快速开始脚手架)
Stars: ✭ 135 (+419.23%)
Mutual labels:  axios, vue2, vue-router, element-ui
Vue2 Study
vue 的webpack配置,按需加载,element-ui,vuex
Stars: ✭ 16 (-38.46%)
Mutual labels:  axios, vue2, vue-router, element-ui
Vue Admin
基于Vue2、element ui、vue-cli、vuex、vue-router、axios 、echarts后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 1,135 (+4265.38%)
Mutual labels:  axios, vue2, vue-router, element-ui
element-ui-demo
A element-ui admin base on vue2
Stars: ✭ 18 (-30.77%)
Mutual labels:  axios, vue2, vue-router, element-ui
Vue2 Admin
基于vue-element-admin、Vue2 权限、监控、管理系统(包含地图等嵌套)
Stars: ✭ 74 (+184.62%)
Mutual labels:  axios, vue2, vue-router, element-ui
Seemusic
Vue 云音乐播放器,网易云音乐API,可听网易云高品质付费歌曲。 Vue music player
Stars: ✭ 112 (+330.77%)
Mutual labels:  axios, vue2, vue-router
Vue Todos
vue最新实战项目教程,从零开始,一步一个脚印,循序渐进。跟着我一起学习vue吧!
Stars: ✭ 1,659 (+6280.77%)
Mutual labels:  axios, vue-router, element-ui
vue-webpack-boilerplate
A webpack boilerplate with vue-loader, axios, vue-router and vuex
Stars: ✭ 51 (+96.15%)
Mutual labels:  axios, vue2, vue-router
Vue Cli Multi Page
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios
Stars: ✭ 145 (+457.69%)
Mutual labels:  axios, vue2, vue-router
Vue Electron
vue-blog client,base on vue-electron,axios, vuex, vue-router.
Stars: ✭ 193 (+642.31%)
Mutual labels:  axios, vue-router, element-ui
Vue Admin Template
a vue2.0 minimal admin template
Stars: ✭ 15,411 (+59173.08%)
Mutual labels:  axios, vue-router, element-ui
Seppf
普兰能效平台开源版(前端)
Stars: ✭ 104 (+300%)
Mutual labels:  axios, vue2, element-ui
Vue2 Shop
A shop developed with Vue2 + Vue-router + Axios + Vuex + Node + Express + MongoDB + Webpack
Stars: ✭ 103 (+296.15%)
Mutual labels:  axios, vue2, vue-router
Vue-CAMP
VueJS
Stars: ✭ 16 (-38.46%)
Mutual labels:  axios, vue2, vue-router
Vuedemo sell eleme
ele by vue2.x 🐧
Stars: ✭ 1,349 (+5088.46%)
Mutual labels:  axios, vue2, vue-router
Eagles
eagles for vue componets of silianpan
Stars: ✭ 95 (+265.38%)
Mutual labels:  axios, vue2, element-ui
vue-admin-work
🎉🎉🚀🚀🚀🚀vue-admin-work是一个中后台系统管理方案。使用 vue2.x 及周边全家桶工具开发而来。支持多种功能,不同角色权限🚀🚀🚀🎉🎉
Stars: ✭ 74 (+184.62%)
Mutual labels:  axios, vue-router, element-ui
Venture Management
一个包含vuejs和nodejs技术的全栈项目
Stars: ✭ 208 (+700%)
Mutual labels:  axios, vue-router, element-ui
Filmsys
一个使用Vue全家桶和后台Express框架结合Mysql数据库搭建起来的移动端电影售票和管理系统,实现了热映、即将上映、电影和影院全局搜索、评论、选座、购票、点赞、收藏、订单等一系列购票和管理流程功能
Stars: ✭ 217 (+734.62%)
Mutual labels:  axios, vue-router, element-ui
Vue Cnode
🔥Vue.js打造一个开源的CNode社区。CNode by Vue.js
Stars: ✭ 249 (+857.69%)
Mutual labels:  axios, vue2, vue-router

AdminTs

构建的基于 Vue TypeScript 开发环境。 支持多页面开发。有什么问题可以提交 Issues 或者 用其他方式联系我。

技术栈

特性

  • 引入了Vue 2.0全家桶的环境
  • 配置好了webpack
  • 配置好了一个UI库 - element-ui
  • 使用了 TypeScript
  • 引入lodash,快速开启FP

项目中不支持 非 ts 文件开发模式,没有内置测试模块,如果需要可以自行添加。

目录说明

├── README.md
├── build // 项目构建文件
├── config // 项目构建配置
├── dist  // 打包构建后的文件夹
├── index.html // 默认模板文件
├── package.json
├── .postcssrc.js // postcss 配置文件
├── tsconfig.json // typescript 配置文件
├── tslint.json // tslint 配置文件
└── src
    ├── Basic.ts // 入口文件基础配置
    ├── Http.ts // 创建 axios 做基本配置 及 http 拦截器配置文件
    ├── Filters.ts // 增加 Vue 可用过滤器
    ├── assets
    │   ├── icons  // svg 图标
    │       └── index.ts // 导入 icons 目录下的所有 svg 文件,返回 svg 集合对象
    │   ├── images
    │   └── style 
    │       ├── theme  // element-ui 样式库
    │       ├── element-variables.css  // element-ui 变量文件
    │       └── ...  // 自定义 样式 支持 scss postCSS
    ├── common  // 公共组件
    │   ├── Icon.ts  // Icon 组件
    │   └── index.ts // 读取 common 目录下的所有 ts 文件,返回 组件集合对象
    ├── config // 公共常量
    ├── entry // 默认入口文件目录 可以在 ./config/index.js 修改
    ├── i18n // vue-i18n 国际化配置
    ├── router // vue-router 路由配置
    ├── store // vuex 配置
    │   ├── modules
    │   ├── types 
    │   ├── actions.ts
    │   ├── getters.ts
    │   └── index.ts // 返回 vuex store 对象
    ├── typings // TS类型声明文件
    └── views 

关于UI主题的配置可以参考element-ui官方的custom-theme

启动工程

# 下载依赖
npm install  or yarn

# 开启服务热更新 localhost:3000
npm run dev

# 导出生产包
npm run build

# 导出生产包并查看包分析报告
npm run build --report
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].