Code Monkey home page Code Monkey logo

lyt-top / vue-next-admin Goto Github PK

View Code? Open in Web Editor NEW
1.8K 15.0 307.0 16.03 MB

🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等,适配手机、平板、pc 的后台开源免费模板库(vue2.x请切换vue-prev-admin分支)

License: MIT License

TypeScript 23.82% HTML 0.20% Vue 68.93% SCSS 6.54% JavaScript 0.50%
vue3 vue3-typescript vite vite-admin element element-ui element-plus typescript echarts5 compositionapi admin vue-router vue-router-next next-vuex axios vitejs vue-next-admin vue-next-admin-preview

vue-next-admin's Introduction

💝 长期赞助商

🌈 介绍

基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。

⛱️ 线上预览

💒 代码仓库

🚧 安装 cnpm、yarn

  • 复制代码(桌面 cmd 运行) npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 复制代码(桌面 cmd 运行) npm install -g yarn

🏭 环境支持

Edge Firefox Chrome Safari
Edge ≥ 88 Firefox ≥ 78 Chrome ≥ 87 Safari ≥ 13

由于 Vue3 不再支持 IE11,故而 ElementPlus 也不支持 IE11 及之前版本。

⚡ 使用说明

建议使用 cnpm,因为 yarn 有时会报错。node 版本 > 14.18+/16+

Vite 不再支持 Node 12 / 13 / 15,因为上述版本已经进入了 EOL 阶段。现在你必须使用 Node 14.18+ / 16+ 版本。

# 克隆项目
git clone https://gitee.com/lyt-top/vue-next-admin.git

# 进入项目
cd vue-next-admin

# 安装依赖
cnpm install

# 运行项目
cnpm run dev

# 打包发布
cnpm run build

📚 开发文档

💯 学习交流加 QQ 群

1 - 4 交流群已满,请加 vue-next-admin 交流群 5

群号:556254895

其它交流群请查看文档首页 vueNextAdmin 解疑问

💒 集成后端

❤️ 鸣谢列表

💕 特别感谢

特别感谢老哥们的建议、指导与帮忙。谢谢!

💌 支持作者

如果觉得框架不错,或者已经在使用了,希望你可以去 Github 或者 Gitee 帮我点个 ⭐ Star,这将是对我极大的鼓励与支持。

vue-next-admin's People

Contributors

blueli0428 avatar hwbeta avatar jiangqiang1996 avatar kkangert avatar lyt-top avatar nowo avatar qc2168 avatar wjs0509 avatar wuliupo avatar xjj0906 avatar yujiacheng1996 avatar zhaogh-dev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-next-admin's Issues

搜索不到Q群

呼唤楼主: 搜索不到Q群,谢谢

这个产品移动端支持得不错, 好香,真心点赞。

后端控制路由时,addroute方法为什么要添加一维数组路由

后端控制路由时,addroute方法为什么要添加一维数组路由,为什么要做这一步处理
`/**

  • 添加动态路由
  • @method router.addRoute
  • @description 此处循环为 dynamicRoutes(/@/router/route)第一个顶级 children 的路由一维数组,非多级嵌套
  • @link 参考:https://next.router.vuejs.org/zh/api/#addroute
    */
    export async function setAddRoute() {
    await setFilterRouteEnd().forEach((route: RouteRecordRaw) => {
    router.addRoute(route);
    });
    }`

build 出来的项目无法使用

纯净版本,npm install 后运行 npm run build , 得到的 dist 用 http-server 启动一片空白,查看是 404 错误,改地址后依然无效

tagsview刷新错位

tagsview中refreshCurrentTagsView中的foreach未跳出,所以刷新有时候刷成别的页面

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.