簡介
Vue Vben Admin 是一個免費開源的中后臺模版。使用了最新的vue3,vite2,TypeScript等主流技術(shù)開發(fā)，開箱即用的中后臺前端解決方案，也可用于學(xué)習(xí)參考。
Github地址：
https://github.com/anncwb/vue-vben-admin
文檔地址：
https://vvbin.cn/doc-next/
UI 框架
Tailwind CSS
Ant Design Vue 2.0
準(zhǔn)備
node 和 git -項目開發(fā)環(huán)境
Vite - 熟悉 vite 特性
Vue3 - 熟悉 Vue 基礎(chǔ)語法
TypeScript - 熟悉TypeScript基本語法
Es6+ - 熟悉 es6 基本語法
Vue-Router-Next - 熟悉 vue-router 基本使用
Ant-Design-Vue - ui 基本使用
Mock.js - mockjs 基本語法
特性
最新技術(shù)棧：使用 Vue3/vite2 等前端前沿技術(shù)開發(fā)
TypeScript: 應(yīng)用程序級 JavaScript 的語言
主題：可配置的主題
國際化：內(nèi)置完善的國際化方案
Mock 數(shù)據(jù) 內(nèi)置 Mock 數(shù)據(jù)方案
權(quán)限 內(nèi)置完善的動態(tài)路由權(quán)限生成方案
組件 二次封裝了多個常用的組件
插件庫
Vue Router Next
Vuex Next
vuex-module-decorators - vuex 模塊化
vite-plugin-mock - 基于 vite 的 mock 插件.
vue-i18n - 國際化
lodash-es - JavaScript 實用程序庫
moment - 時間操作庫
axios - Http 數(shù)據(jù)交互
TypeScript
建議開發(fā)環(huán)境
Node.js: - 版本最好大于 12.0.0
yarn > npm > cnpm: - 包管理工具.
Git: - 版本管理工具
Visual Studio Code - (VSCode): 最新版本
ESLint
Stylelint
安裝使用
如果未安裝pnpm，可以用下面命令來進行全局安裝
全局安裝pnpm
npm install -g pnpm
驗證
pnpm -v # 出現(xiàn)對應(yīng)版本號即代表安裝成功
獲取項目代碼
git clone https://github.com/anncwb/vue-vben-admin.git
安裝依賴
cd vue-vben-admin
pnpm install
運行
pnpm serve
打包
pnpm build
打開瀏覽器輸入文章來源：http://www.zghlxwxcb.cn/news/detail-736232.html
http://localhost:3100/
兼容 vue2 的瀏覽器，一切免費，不收取任何費用，請放心使用。后續(xù)定期提供更新及維護，可供參考與學(xué)習(xí)。文章來源地址http://www.zghlxwxcb.cn/news/detail-736232.html
到了這里，關(guān)于管理后臺UI框架vue-vben-admin運行的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
