簡介

vue-typescript-admin-template

github 地址：

https://github.com/Armour/vue-typescript-admin-template

github star: 1.6K+

最新版本：1.0.0，MIT 協議

主要技術棧:

typescript+vue2 + element-ui + echarts + vue-router + webpack + ES6/7 + faker + sass

項目截圖

功能

<code>- 登錄 / 註銷

- 權限驗證
  - 頁面權限
  - 指令權限
  - 權限配置
  - 二步登錄

- 多環境發佈
  - Dev / Stage / Prod 


- 全局功能
  - 國際化多語言
  - 動態換膚
  - 動態側邊欄（支持多級路由嵌套）
  - 動態麵包屑
  - 快捷導航(支持右鍵操作)
  - 粘貼板
  - Svg 圖標
  - 搜索
  - 全屏
  - 設置
  - Mock 數據 / Mock 服務器
  - 支持 PWA

- 組件
  - 編輯器
    - 富文本編輯器
    - Markdown 編輯器
    - JSON 編輯器
  - 頭像上傳
  - 返回頂部
  - CountTo
  - 拖放區
  - 拖拽彈窗
  - 拖拽看板
  - 拖拽列表
  - 拖拽選擇
  - ECharts 圖表
  - Mixin
  - 拆分窗格
  - 黏性組件

- 表格
  - 動態表格
  - 拖拽表格
  - 內聯編輯表格 

  - 複雜表格

- Excel
  - 導出excel
  - 導入excel
  - 前端可視化excel

- Zip
  - 導出zip

- PDF
  - 下載 pdf

- 控制檯
- 引導頁
- 綜合實例
- 錯誤日誌
- 錯誤頁面
  - 401
  - 404/<code>

快速上手

<code>git clone https://github.com/Armour/vue-typescript-admin-template.git 

cd vue-typescript-admin-template

# 安裝依賴

yarn install

# 啟動本地開發環境（自帶熱啟動）

yarn serve

# 構建生產環境 (自帶壓縮)

yarn build:prod

# 代碼格式檢查以及自動修復

yarn lint 


# 運行單元測試

yarn test:unit

# 運行端對端測試

yarn test:e2e

# 自動生成 svg 組件

yarn run svg/<code>

瀏覽器兼容性

• IE / Edge

IE10, IE11, Edge

• Firefox

last 2 versions

• Chrome

last 2 versions

• Safari

last 2 versions

• Opera

last 2 versions

PS

這個開源項目功能比較全面，主要基於typescript 和 vue，對於同時想學typescript和vue的同學是一個不錯的一個參考項目。

閱讀更多 碼農愛code 的文章

關鍵字: Excel opera瀏覽器 解決方案