英語 | 简体中文
vue-typescript-admin-template は、vue、typescript、および UI ツールキットの element-ui に基づいた管理インターフェイスのための、本番環境に対応したフロントエンド ソリューションです。オリジナルの Javascript バージョンのコード vue-element-admin は PanJiaChen によって書かれました。素晴らしいオープンソース プロジェクトを作ってくれた彼に感謝します。 :)
統合ソリューションではなく最小限のテンプレート コードを使用して開始したい場合は、最小限のブランチを参照してください。
ドキュメント
デモ
Armour/vue-typescript-admin-mock-server (このプロジェクトのモックサーバー)
Armour/vue-typescript-admin-docs (このプロジェクトのドキュメント ソース)
JavaScriptのバージョン:
PanJiaChen/vue-admin-template (vue2.0 の最小限の管理テンプレート)
PanJiaChen/vue-element-admin (フル機能がサポートされる vue 管理者)
PanJiaChen/electron-vue-admin (vue Electron 管理プロジェクト)
- 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
ノードと git をローカルにインストールする必要があります。プロジェクトは typescript、vue、vuex、vue-router、vue-cli、axios、element-ui に基づいており、すべてのリクエスト データは faker.js を使用してシミュレートされます。これらの知識を事前に理解して学習しておくことは、このプロジェクトを使用する上で非常に役立ちます。
├── 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
糸またはnpmを使用する場合
yarn install
yarn run serve
yarn run build:prod
yarn run lint
yarn run test:unit
yarn run svg
「構成リファレンス」を参照してください。
最新のブラウザと Internet Explorer 10 以降。
IE/エッジ | ファイアーフォックス | クロム | サファリ |
---|---|---|---|
IE10、IE11、エッジ | 過去 2 つのバージョン | 過去 2 つのバージョン | 過去 2 つのバージョン |
COTRIBUTING.md を参照してください。
MITライセンス