Vue Templates Logo Vue Templates
Vue3 Admin Element Template screenshot

Vue3 Admin Element Template

Author Avatar Theme by Hu snail
Updated: 26 Jun 2022
280 Stars

基于 Vue3、Vite2、Element-Plus、Vue-i18n、Vue-router4.x、Vuex4.x、Echarts5等最新技术开发的中后台管理模板,完整版本 vue3-admin-element 正在开发完善中

Github Live Preview

Categories

Vite Scss

Overview:

Vue3-admin-element-template is a simplified version of Vue3-admin-element, without the extensive component library. The project is written in JavaScript using the Composition API and the new <script setup> syntax. This template is designed for beginner programmers who may not be familiar with TypeScript, as most of the existing Vue3 admin templates are based on TypeScript. However, it is recommended for those who are proficient in TypeScript to use the original version. The goal of the project is to provide a ready-to-use frontend solution for building middle and back-office applications using the latest technologies such as Vue3 and Vite2.

Features:

  • Latest technology stack: Vue3.2.12/Vite2
  • JavaScript version with customizable themes
  • Vue-i18n for internationalization
  • Mock data solution
  • Permission control
  • Vue3 resource library: a collection of Vue3 resources for web, mobile, and mini programs
  • Browser support: Chrome 80+ and modern browsers (not compatible with IE)

Installation:

  1. Node.js: Recommended version >= 12.0.0. Download Node.js
  2. Git: Version control tool. Download Git
  3. Visual Studio Code: Latest version. Download Visual Studio Code
  4. Recommended VS Code extensions:
    • Vetur: A must-have extension for Vue development.
    • Eslint: Script code linting.
    • Prettier: Code formatting.
    • Stylelint: CSS formatting.
  5. Install dependencies:
    npm install
  6. Run the project:
    npm run dev
  7. Build and preview:
    npm run build
npm run serve

Summary:

Vue3-admin-element-template is a free and open-source admin template built using the latest Vue3 and Vite2 technologies. It is a lightweight version without the extensive component library. The template is written in JavaScript and utilizes the Composition API and the new <script setup> syntax. It includes features such as customizable themes, internationalization support with Vue-i18n, mock data solution, and permission control. The template is recommended for beginner programmers who are not familiar with TypeScript but can also be used by those proficient in TypeScript.