这是基于 vue3.x + CompositionAPI + typescript + vite + element plus + vue-router-next + next.vuex，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）

Related tags

Scaffold admin typescript element axios vue-router element-ui vue3 vite vue3-typescript vue-router-next vitejs echarts5 element-plus vite-admin compositionapi next-vuex vue-next-admin vue-next-admin-preview
Overview

介绍

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

线上预览

代码仓库

安装 cnpm、yarn

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

使用说明

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

# 进入项目
cd vue-next-admin

# 安装依赖
cnpm install

# 运行项目
cnpm run dev

# 打包发布
cnpm run build

git 命令

  • 在本地新建一个分支：git branch newBranch
  • 切换到你的新分支：git checkout newBranch
  • 将新分支发布在 github、gitee 上：git push origin newBranch
  • 在本地删除一个分支：git branch -d newBranch
  • 在 github 远程端删除一个分支：git push origin :newBranch (分支名前的冒号代表删除)
  • 注意删除远程分支后，如果有对应的本地分支，本地分支并不会同步删除！

学习交流加 QQ 群

vue-next-admin 讨论群

鸣谢列表

特别感谢

特别感谢群里老哥的建议、指导与帮忙，谢谢！

其他事项

  • 喜欢用就帮忙 gitee star 下，不喜欢用也没关系，出来打工、创业，大家都不容易，感谢大家的支持，谢谢！
You might also like...
🌰 Element Plus with Nuxt 3 Minimal Starter

Element Plus with Nuxt 3 Minimal Starter 🏗 WIP We recommend to look at the Nuxt3 Docs and Element Plus Docs. Setup Make sure to install the dependenc

Element Plus 118 Dec 31, 2022
⚡ A starter example with Nuxt3 + Windi CSS + Iconify + Element-plus + Pinia + Docker

Nuxt3 + Windi CSS + iconify + element-plus 创建项目 简介 Nuxt 3 - The Hybrid Vue Framework (nuxtjs.org) Build your next application with Vue 3 and experienc

西北盲流子 8 Dec 14, 2022
🎆 基于Vue3+elementUI-Plus+TypeScript+Axios+MetroUI+Less自用快速开发vue项目的模板
🎆 基于Vue3+elementUI-Plus+TypeScript+Axios+MetroUI+Less自用快速开发vue项目的模板

🎆 cxl-vue-template 🎆 基于Vue3+elementUI-Plus+TypeScript+Axios+MetroUI+Less自用快速开发vue项目的模板

Chen.js 16 Oct 26, 2022
⚡️Vite Vue, Pinia, vite-ssg, Typescript, eslint,stylelint starter template

A development template for vue3 + vue-router + pinia + typescript + vite-ssg

猴貓 1 Nov 26, 2022
😍 Awesome Vue Boilerplate 🥳 Vue 🥰 Vuex, vuex-pathify 🤗 element-ui 🤲 tailwindcss

Awesome Vue Boilerplate This is an ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3. Getting

Narek Hakobyan 61 Oct 20, 2022
Vue3.0+Typescript+Element 模板项目
Vue3.0+Typescript+Element 模板项目

Vue3.0+Typescript+Element 模板项目

null 2 Oct 15, 2021
fit-vue3-boilerplate: Vue 3 + Typescript + Vite + Pinia + File Based Routing

fit-vue3-boilerplate demo: https://castrix.github.io/fit-vue3-boilerplate/ installation: npm install run development: npm run dev build: npm run bui

Ihsan Fajar Ramadhan 6 Apr 11, 2022
Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.
Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.

Vite-Boot Mocking up web app with Vite-Boot (speed) English | 简体中文 Features ⚡️ Vue 3, Vite 2, pnpm - born with fastness 💪 Typescript - of course! nec

Kirk Lin 78 Dec 30, 2022
Vue template for starter using Vue3 + TypeScript + Vite + Pinia 🚀

Vue TypeScript Starter This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 script setup

Yuga Sun 30 Dec 24, 2022
Comments
  • fix: eslint error of .ts extension alert

    fix: eslint error of .ts extension alert

    使用 VSCode 打开项目的时候，Eslint 的插件会提示 .ts 文件后缀名的错误：

    An import path cannot end with a '.ts' extension. Consider importing '/@/i18n/index.js' instead.ts(2691)

    该提示建议以 .js来代替 .ts文件后缀名，但是基于 Typescript 的项目中 .js文件是在编译之后产生的，所以我们这里可以省略掉 .ts 的文件后缀名，让 Typescript 引擎来自动处理文件的后缀名。

    在打开 src/router/index.ts文件的时候，会提示报错 .vue后缀

    Cannot find module '/@/views/layout/index.vue' or its corresponding type declarations.ts(2307)

    解决办法：在 src目录中添加了 shims-vue.d.ts文件

    declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const component: DefineComponent<{}, {}, any>
  export default component
}
    opened by ruxf 0
  • 仓库更新问题

    仓库更新问题

    看文档说gitee更新比较及时，因此使用gitee代码进行研究。发现RouteTree中关于Children节点处理有Bug，修复后准备提交Issues时，发现Github代码不存在这个问题 😂，吐槽一下下～

    Gitee: https://gitee.com/lyt-top/vue-next-admin/blob/vue-next-admin-nest/backend/src/Controller/MenuController.ts#L101

    Github: https://github.com/lyt-Top/vue-next-admin/blob/vue-next-admin-nest/backend/src/Controller/MenuController.ts#L66

    opened by yhostc 0
Owner
null
GitHub
Vue-typescript-starter-project - Vue3, Vuex, Vue-router starter project using typescript

Vue Typescript Starter Project Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production

paalan 0 Jan 1, 2022
Vue 3 + Typescript + Vite + element-plus 脚手架

Vue 3 + Typescript + Vite + element-plus 脚手架 最近尝试搭建新出的框架，分享出来。 安装运行 git clone [email protected]:lianmt/vue3-ts-vite-element_plus-template.git cd vue3-ts

连明堂 0 Oct 19, 2021
A fullstack web project generator, use vue2.0 + vue-router + vuex + vue-router + express

generator-fullstack-vue Scaffold out a Fullstack Vuejs project:vue2;vuex;vue-router;vue-resource;express;mongo Installation First, install Yeoman and

lx 18 Aug 21, 2018
Vite Vue 3 starter with Vuex + Vue Router + Typescript + ESLint + Prettier

vite-vue3-essential-typescript-eslint-starter This template should help get you started developing with Vue 3 and Typescript in Vite. The template use

유안씌 12 Aug 12, 2022
A starter kit for Element Plus with Vite

element-plus-vite-starter A starter kit for Element Plus with Vite Preview: https://vite-starter.element-plus.org This is an example of on-demand elem

EvisuXiao 0 Nov 30, 2021
A Vue3 starter project setup with Vite, Vue-meta, Router, Vuex, Eslint, Prettier, Tailwind CSS, and some custom preferences.

A Vue3 starter project setup with Vite, Vue-meta, Router, Vuex, Eslint, Prettier, Tailwind CSS, and some custom preferences.

Shamim Hossain 112 Jan 5, 2023
Vue3-ts-boilerplate - Packed Vue3 boilerplate with storybook, unit testing, generators, typescript, pinia, vue-router

Vue3 TS Boilerplate This template should help get you started developing with Vue 3 in Vite. Recommended IDE Setup VSCode + Volar (and disable Vetur).

Jeff Fasulkey 5 Nov 11, 2022
Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)

Vue 3 Webpack Boilerplate (Vue 3, Vue Router 4, Vuex 4, Typescript)

Vlad Starkovsky 72 Oct 11, 2022
This template allows you to quickly scaffold a Vue project with Vue Router, VueX, TailwindCss with JIT Compiler and vite as a bundler.

This template allows you to quickly scaffold a Vue project with Vue Router, VueX, TailwindCss with JIT Compiler and vite as a bundler.

VivekAsCoder 57 Jul 5, 2022
Vite + Vue 3.0 + Vuex 4.0 + Router (boilerplate)

Vite + Vuex + Tailwind CSS (boilerplate) This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setu

richardev 30 Nov 16, 2022