vue admin work x

Admin Work X

簡介：

Admin Work X，是Vue Admini Work 系列中最成熟和完善的中後台框架，全面的系統配置，優質模板，常用組件，真正一站式開箱即用採用時下最流行的Vue3 UI 庫--NaiveUI

使用了當今最受歡迎的技術框架： Vue3 + Webpack + Typescript + Element Plus

特性：

• 常用模板
  • 內建常用模板，無須考慮互動排版，助你高效開發
• 預設樣式
  • 樣式美觀大方，無縫對接Naive Ui，隨意組合頁面，隨心所欲
• 佈局方案
  • 豐富的佈局模式，具有高可配性，滿足您的各類佈局需求
• 技術支援
  • 優質的售後技術支持，完善的文檔，讓您事半功倍
• 最新技術堆疊
  • 基於Vue3、Vite2、TypeScript、NaiveUI、Pinia 等最新技術堆疊開發
• 輕量快速的熱重載
  • 無論應用程式大小如何，都始終極快的模組熱重載（HMR）
• 豐富的範例
  • 常見的Web 端插件範例實現
• 組件封裝
  • 對日常使用頻率較高的組件二次封裝,滿足基礎工作需求
• 主題配置
  • 豐富的主題配置及黑暗主題適配
• 權限管理
  • 完善的前後端權限管理方案

項目地址：

• ? 文件地址

• ?演示位址（Vue3.x + Typescript + Webpack+ ElementPlus)

Vue Admin Work 系列中其它開源專案的演示地址

• ? Vue Admin Work 示範位址（Vue2.x + Javascript + Element UI + Webpack）

• ? Vue Admin Work X 示範位址（Vue3.x + Typescript + Element Plus + Webpack）

• ? Vue Admin Work P 示範位址（Vue3.x + Typescript + Navie UI + Vite2)

• ? Vue Admin Work A 示範位址（Vue3.x + Typescript + Antd + Vite2)

• ? Arco Work 示範位址（Vue3.x + Typescript + Arco Design + Vite2)

現在微信技術交流群需要加入好友之後邀請，如需要入群討論請關注微信公眾號添加好友。

請關注我們的微信公眾號知码前端，裡麵包含了各個版本的源碼和進入微信福利群的方式

適合人群

• 正在以及想使用vue/element-plus 開發，最好是有一定的程式設計知識，或是原來只從事切圖寫靜態頁的人想提升自己的前端能力。
• 熟悉Vue.js 技術棧，使用它開發過幾個實際專案。
• 對原理技術有興趣，想進階和提升的同學。

下載&安裝

• 下載

  git clone -b master https://github.com/qingqingxuan/vue-admin-work-x.git

• 進入專案目錄

   cd admin-work-x

• 安裝依賴

  npm install

• 運行

  npm run dev

如何貢獻

非常歡迎你的加入！提一個Issue 或提交一個Pull Request。

Pull Request:

1. Fork 碼!
2. 建立自己的分支: git checkout -b feat/xxxx
3. 提交你的修改: git commit -am 'feat(function): add xxxxx'
4. 推送您的分支: git push origin feat/xxxx
5. 提交pull request

Git 貢獻提交規範

• 參考vue 規範(Angular)

  • feat增加新功能
  • fix修復問題/BUG
  • style程式碼風格相關無影響運行結果的
  • perf優化/效能提升
  • refactor重構
  • revert撤銷修改
  • test測試相關
  • docs文檔/註釋
  • chore依賴更新/腳手架配置修改等
  • workflow工作流程改進
  • ci持續集成
  • types類型定義檔更改
  • wip開發中

瀏覽器支援

本地開發推薦使用Chrome 80+瀏覽器

支援現代瀏覽器, 不支援IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

特別感謝

vue3.x
element-plus
vue-router-next
pinia
axios
mockjs
echarts

優勢及注意事項

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 提供了非常多的 mxin 代码块，方便集成各种功能
4. 内置了大量常用的组件，比如，上传，消息提示等
5. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范

效果圖