Introduction to the

Naive Ui Admin is a free and open source template for Naive Ui Admin. It is developed using the latest vue3, Vite2,TypeScript and other mainstream technologies. Out of the box, you can also learn about Naive Ui Admin.

features

  • Latest technology stack: developed using front edge technologies such as Vue3/ Vite2
  • TypeScript: The language for application-level JavaScript
  • Topic: A configurable topic
  • Mock Data Built-in Mock data scheme
  • Permission Built-in complete dynamic routing permission generation scheme
  • Component encapsulates multiple commonly used components

Page function

  • ✨ the Features

  • Menu Mode (left/top)
  • Permissions (fixed role/dynamic routing menu)
  • Theme (dark/light) reference Naiveui features, dark theme/custom components, dark theme is easy to pinch
  • System theme (10 safe colors, toggle preview, customizable)
  • Navigation style (3, can match freely, dark side/white side and banner/dark side and top banner)
  • Multi-tab, persistent, drag and drop, close, fixed
  • Bread crumbs, ICONS, sub – menu drop-down linkage display
  • Nice lock screen interface
  • Online drawer configuration (Layout Preview)
  • Master console, I wrote it down briefly. I can read it
  • The workbench is randomly stroked (don’t want to write style) with tailwindcss
  • Echarts, the official website is very full of examples, nothing good to wank, the shirking again quoted vben author code, thanks again, haha
  • Main console, workbench, adaptive support
  • Left menu screen visible width <=950
  • Whether the footer is displayed is configurable
  • Add page cache, demo page > Workbench > Dynamic Card > input box

The kanban system

  • Master station
  • Monitor the page
  • The workbench

Page components

ProTable

  • form
  • Ongoing development…

Results show

preview

  • naive-ui-admin

Account: admin, password: 123456

The document

Document address – to be perfected

To prepare

  • Node and Git-the project development environment
  • Vite – Familiar with Vite features
  • Vue3 – Familiar with basic Vue syntax
  • TypeScript- be familiar withTypeScriptThe basic grammar
  • Es6+ – Familiar with basic Es6 grammar
  • Vue-router-next – Familiar with the vue-router
  • Naive -ui-admin-UI basic use
  • Mock.js-mockJS

Install and use

  • Get the project code
git clone https://github.com/jekip/naive-ui-admin.git
Copy the code
  • Install dependencies
cd naive-ui-admin

yarn install

Copy the code
  • run
yarn dev
Copy the code
  • packaging
yarn build
Copy the code

Update log

CHANGELOG

Browser support

Chrome 80+ is recommended for local development

Modern browsers are supported. Internet Explorer is not supported



IE

Edge

Firefox

Chrome

Safari
not support last 2 versions last 2 versions last 2 versions last 2 versions

maintainers

@Ah jung