# naive-admin-js

**Repository Path**: SX-Code/naive-admin-js

## Basic Information

- **Project Name**: naive-admin-js
- **Description**: Naive UI Admin的Vite+JS版本
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2023-11-10
- **Last Updated**: 2025-03-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Naive Ui Admin
[Naive Ui Admin](https://github.com/jekip/naive-ui-admin) 是一个基于 [Vue3.0](https://github.com/vuejs/vue-next)、[Vite](https://github.com/vitejs/vite)、 [Naive UI](https://www.naiveui.com/)、[TypeScript](https://www.typescriptlang.org/) 的中后台解决方案，它使用了最新的前端技术栈，并提炼了典型的业务模型，页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，它可以帮助你快速搭建企业级中后台项目， 相信不管是从新技术使用还是其他方面，都能帮助到你。

> 源项目地址：https://github.com/jekip/naive-ui-admin
>
> 本项目文档：[Naive Ui Admin搭建流程](https://sx-code.github.io/wiki/adminpro/01_introduce/index.html)


## 页面预览
登陆页面
![](https://gcore.jsdelivr.net/gh/sx-code/tuchuang@main/naive-admin/login.png)

仪表盘页面
![](https://gcore.jsdelivr.net/gh/sx-code/tuchuang@main/naive-admin/dashboard.png)

表格页面
![](https://gcore.jsdelivr.net/gh/sx-code/tuchuang@main/naive-admin/admin05.png)

表单页面
![](https://gcore.jsdelivr.net/gh/sx-code/tuchuang@main/naive-admin/admin06.png)

## 运行项目

### 初始化
将git代码克隆到本地，使用 VS Code 打开，在终端中输入如下代码，初始化项目
```bash
npm install
```

### 运行项目
```bash
npm run serve
```

### 打包项目
```bash
npm run build
```