Movatterモバイル変換

Armour/vue-typescript-admin-templatePublic

NotificationsYou must be signed in to change notification settings
Fork1.8k
Star5.7k

🖖 A vue-cli 3.0 + typescript minimal admin template

armour.github.io/vue-typescript-admin-template

License

MIT license

5.7k stars 1.8k forks Branches Tags Activity

Star

Notifications

You must be signed in to change notification settings

Branches Tags

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 258 Commits
.circleci		.circleci
.github		.github
demo		demo
mock		mock
public		public
src		src
tests/unit		tests/unit
.browserslistrc		.browserslistrc
.editorconfig		.editorconfig
.env.development		.env.development
.env.production		.env.production
.env.staging		.env.staging
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
LICENSE		LICENSE
README-zh.md		README-zh.md
README.md		README.md
babel.config.js		babel.config.js
jest.config.js		jest.config.js
package.json		package.json
postcss.config.js		postcss.config.js
tsconfig.json		tsconfig.json
vue.config.js		vue.config.js
yarn.lock		yarn.lock

Repository files navigation

English |简体中文

Overview

vue-typescript-admin-template is a production-ready front-end solution for admin interfaces based onvue,typescript and UI Toolkitelement-ui. The original Javascript version codevue-element-admin was written byPanJiaChen, many thanks to him for the awesome open source project! :)

If you want to get started with a minimal template code instead of integration solution, you can take a look at theminimal branch.

Documentation

Docs

Live demo

Demo

Screenshots

Related Projects

Armour/vue-typescript-admin-mock-server (mock server for this project)

Armour/vue-typescript-admin-docs (documentation source for this project)

Javascript version:

PanJiaChen/vue-admin-template (a vue2.0 minimal admin template)

PanJiaChen/vue-element-admin (full features supported vue admin)

PanJiaChen/electron-vue-admin (a vue electron admin project)

Features

- Login / Logout- Permission Authentication  - Page permission  - Directive permission  - Permission configuration page  - Two-step login- Multi-environment build  - Dev / Stage / Prod- Global Features  - I18n  - Dynamic themes  - Dynamic sidebar (supports multi-level routing)  - Dynamic breadcrumb  - Tags-view (supports right-click operation)  - Clipboard  - Svg icons  - Search  - Screenfull  - Settings  - Mock data / Mock server  - PWA support- Components  - Editors    - Rich Text Editor    - Markdown Editor    - JSON Editor  - Avatar Upload  - Back To Top  - CountTo  - Dropzone  - Draggable Dialog  - Draggable Kanban  - Draggable List  - Draggable Select  - ECharts  - Mixin  - SplitPane  - Sticky- Table  - Dynamic Table  - Draggable Table  - Inline Edit Table  - Complex Table- Excel  - Export Excel  - Upload Excel  - Excel Visualization- Zip  - Export zip- PDF  - Download pdf- Dashboard- Guide Page- Advanced Example Page- Error Log- Error Page  - 401  - 404

Preparation

You need to installnode andgit locally. The project is based ontypescript,vue,vuex,vue-router,vue-cli ,axios andelement-ui, all request data is simulated usingfaker.js.Understanding and learning these knowledge in advance will greatly help you on using this project.

Project Structure

├── mock/# mock server & mock data├── public# public static assets (directly copied)│   │── favicon.ico# favicon│   │── manifest.json# PWA config file│   └── index.html# index.html template├── src# main source code│   ├── api# api service│   ├── assets# module assets like fonts, images (processed by webpack)│   ├── components# global components│   ├── directives# global directives│   ├── filters# global filter│   ├── icons# svg icons│   ├── lang# i18n language│   ├── layout# global layout│   ├── pwa# PWA service worker related files│   ├── router# router│   ├── store# store│   ├── styles# global css│   ├── utils# global utils│   ├── views# views│   ├── App.vue# main app component│   ├── main.ts# app entry file│   ├── permission.ts# permission authentication│   ├── settings.ts# setting file│   └── shims.d.ts# type definition shims├── tests/# tests├── .circleci/# automated CI configuration├── .browserslistrc# browserslist config file (to support Autoprefixer)├── .editorconfig# editor code format consistency config├── .env.xxx# env variable configuration├── .eslintrc.js# eslint config├── babel.config.js# babel config├── jest.config.js# jest unit test config├── package.json# package.json├── postcss.config.js# postcss config├── tsconfig.json# typescript config└── vue.config.js# vue-cli config