Giter Club home page Giter Club logo

nuxt3_admin's Introduction

nuxt3 + element plus 模板

在线预览/仓库地址

link: https://element-plus-nuxt3.netlify.app
github: https://github.com/hdw0504/el-plus-nuxt3

其余模板

Vue 3.2 + Element-Plus 管理系统
link: https://v3-admin.netlify.app
github: https://github.com/hdw0504/v3-admin\

项目前身今世

基于 vitesse-nuxt3
参考 element-plus-nuxt-starter
由于 element-plus-nuxt-starter 并未更新到nuxt3,并且在升级过程中遇到不少问题。
于是尝试个人搭建个模板方便后续使用。
包管理使用 pnpm,使用 nr up 更新依赖(nr 是一个包管理工具名为 ni 的指令)

项目技术栈

  • Nuxt 3.0
    • Nuxt3正式版
  • Element-Plus
    • 自动引入组件,支持暗黑模式,支持主题定制,目前只能全局引入样式(按需加载有bug等官方修复)
  • Pinia
    • 使用 setup store 抛弃厚重的 vuex 写法 (拜拜了 mutation)
  • vueuse
    • 自动引入vueuse
  • unocss
    • 整个项目的样式全用 unocss 编写,简洁代码
  • pnpm
    • 项目的包管理工具

项目截图

TODO:

  • 等问题修复完毕后改为按需加载样式

发布

npm run build

发布预览

npm run preview

打包分析

npm run analyze

nuxt3_admin's People

Contributors

manhict avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.