大家好，我是 Java陳序員。

今天，給大家介紹一個(gè)簡潔、開源的中后臺(tái)管理模板項(xiàng)目。

關(guān)注微信公眾號(hào)：【Java陳序員】，獲取開源項(xiàng)目分享、AI副業(yè)分享、超200本經(jīng)典計(jì)算機(jī)電子書籍等。

項(xiàng)目介紹

nova-admin —— 一個(gè)基于Vue3、Vite5、Typescript、Naive UI, 簡潔干凈后臺(tái)管理模板。

nova-admin 追求用簡單的方式實(shí)現(xiàn)完整功能，無過度封裝，方便二次開發(fā)。

功能特性：

• 最新技術(shù)棧：基于Vue3、Vite5、TypeScript、NaiveUI、Unocss等最新技術(shù)棧開發(fā)
• 網(wǎng)絡(luò)請(qǐng)求：提供完善的網(wǎng)絡(luò)請(qǐng)求封裝，提供統(tǒng)一的響應(yīng)處理和多場景能力
• 權(quán)限管理：完善的前后端權(quán)限管理方案
• 路由配置：支持本地靜態(tài)路由和后臺(tái)返回動(dòng)態(tài)路由，路由簡單易配置
• 主題適配：支持暗黑主題適配，界面樣式保持Naive風(fēng)格
• 代碼規(guī)范：僅在提交時(shí)進(jìn)行eslint校驗(yàn)，沒有過多限制，開發(fā)更簡便
• 國際化：支持多語言（i18n）
• 路由管理：支持本地靜態(tài)路由和后臺(tái)返回動(dòng)態(tài)路由，簡單易配置

項(xiàng)目截圖

快速開始

環(huán)境準(zhǔn)備：

• Node.js 20.x
• pnpm 8.x

1、拉取代碼

git clone https://github.com/chansee97/nova-admin.git

2、安裝依賴

pnpm install

3、本地啟動(dòng)

pnpm run dev

4、打包部署

pnpm run build

5、腳本說明

"scripts": {
    // 啟動(dòng)本地開發(fā)模式，mode標(biāo)識(shí)為dev，端口號(hào)9980
    "dev": "vite --mode dev --port 9980",
    // 啟動(dòng)本地開發(fā)模式，mode標(biāo)識(shí)為test（端口vite默認(rèn)5173）
    "dev:test": "vite --mode test",
    // 啟動(dòng)本地開發(fā)模式，mode標(biāo)識(shí)為prod（端口vite默認(rèn)5173）
    "dev:prod": "vite --mode prod",
    // 進(jìn)行類型檢查 并使用vite構(gòu)建，mode標(biāo)識(shí)為prod
    "build": "vue-tsc --noEmit && vite build --mode prod",
    // 進(jìn)行類型檢查 并使用vite構(gòu)建，mode標(biāo)識(shí)為dev
    "build:dev": "vue-tsc --noEmit && vite build --mode dev",
    // 進(jìn)行類型檢查 并使用vite構(gòu)建，mode標(biāo)識(shí)為test
    "build:test": "vue-tsc --noEmit && vite build --mode test",
    // 預(yù)覽打包后的產(chǎn)物，端口號(hào)9981
    "preview": "vite preview --port 9981",
    // 使用eslint檢查代碼
    "lint": "eslint .",
    // 使用eslint檢查并自動(dòng)修復(fù)代碼
    "lint:fix": "eslint . --fix",
    // 可視化查看eslint規(guī)則配置
    "lint:check": "npx @eslint/config-inspector",
    // 使用vite-bundle-visualizer插件分析打包產(chǎn)物
    "sizecheck": "npx vite-bundle-visualizer"
}

最后

推薦的開源項(xiàng)目已經(jīng)收錄到 GitHub 項(xiàng)目，歡迎 Star：

https://github.com/chenyl8848/great-open-source-project

或者訪問網(wǎng)站，進(jìn)行在線瀏覽：

https://chencoding.top:8090/#/

大家的點(diǎn)贊、收藏和評(píng)論都是對(duì)作者的支持，如文章對(duì)你有幫助還請(qǐng)點(diǎn)贊轉(zhuǎn)發(fā)支持下，謝謝！文章來源地址http://www.zghlxwxcb.cn/news/detail-859996.html

到了這里，關(guān)于一個(gè)簡潔、干凈的中后臺(tái)管理模板的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！