Naive Ui Admin 是一個基于 Vue3.0、Vite、 Naive UI、TypeScript 的中后臺解決方案,它使用了最新的前端技術堆疊,并提煉了典型的業務模型,頁面,包括二次封裝組件、動態選單、權限校驗、粒子化權限控制等功能,它可以幫助你快速搭建企業級中后臺專案, 相信不管是從新技術使用還是其他方面,都能幫助到你,
專案地址:https://github.com/jekip/naive-ui-admin
本次使用JS+Vue實作Naive Ui Admin,帶你閱讀專案的流程,
專案搭建
本次專案搭建使用Vue3提供的腳手架工具,使用UI方式搭建專案基礎框架,
安裝vue/cli-init
sudo npm install -g @vue/cli
運行圖形界面
vue ui

在此創建專案,給專案起個名字

預設選擇手動,當然如果你之前配置過,也可以直接使用之前保存的模板
勾選的專案,根據自己喜好來:
- Babel
- Router
- Vue
- Linter/Formatter
- 使用組態檔

這一步,同樣可以安裝喜好來:

注意Linter+Prettier可能對格式要求較高,開發程序中可能會報錯,請根據自己喜好選擇是否使用,
當然開發程序中可以使用命令一鍵調整格式,
由于專案全部都是代碼,寫成博客會又臭又長,這里還請移步:
AdminPro JS版搭建流程
依賴安裝
資源檔案
專案設定
常量字符
工具方法
狀態管理
VUE頁面
路由配置
專案布局
啟動專案
網路配置
請求API
本文來自博客園,作者:sw-code,轉載請注明原文鏈接:https://www.cnblogs.com/sw-code/p/17184612.html
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/545978.html
標籤:其他
上一篇:記錄--uni-app中安卓包檢查更新、新版本下載、下載進度條顯示功能實作
下一篇:vue 組件的參考
