Home / Vue.js / Vue CLI 3 Plugins

vue-cli-plugin-element - Vue CLI 3 Plugin to build an enterprise application with element-ui in seconds

vue-cli-plugin-element Quickly build an enterprise application with vue-cli and element-ui in seconds. This project is not only a vue-cli plugin but a
Information
Category: Vue.js / Vue CLI 3 Plugins
Watchers: 2
Star: 20
Fork: 4
Last update: May 20, 2022
Resource links
https://element-admin.now.sh
https://github.com/codetrial/vue-cli-plugin-element

vue-cli-plugin-element

Version License Dependencies

Quickly build an enterprise application with vue-cli and element-ui in seconds.

This project is not only a vue-cli plugin but also a vue-cli preset. Have fun!

๐Ÿ‡บ๐Ÿ‡ธ English | ๐Ÿ‡จ๐Ÿ‡ณ ็ฎ€ไฝ“ไธญๆ–‡

Example

A complete example project: โšก @codetrial/element-admin

Live Preview: ๐Ÿ”ญ element-admin.now.sh

Screen Capture

Getting Started

Prerequisites

You must install Vue CLI 3 before you start:

npm install -g @vue/cli
# OR
yarn global add @vue/cli

Install

Preset

You can create your project directly via preset, which already includes configurations such as ESLint and other plugins.

vue create --preset codetrial/vue-cli-plugin-element your-awesome-project

Plugin

If you don't want to use the preset , you can manually create an empty project via vue-cli.

# make sure the following features are selected:
# - Babel
# - PWA
# - Router
# - Vuex
# - CSS Pre-processors + Sass
# - Linter - Formatter
vue create your-awesome-project

Then add the plugin to your project via vue.

vue add @codetrial/element

Docs

The full documentation: ๐Ÿ“– codetrial.github.io/element-admin

Core Features

  • ๐Ÿ“ท Minimal dependencies
  • ๐Ÿ“บ Project Structure
  • ๐Ÿ“ž View Layout
  • ๐Ÿ“Ÿ Data Processing Layer
  • โŒš Authorization
  • ๐Ÿ“ป Error Pages
  • ๐Ÿ”Ž List Example
  • ๐Ÿ‘ป Form Example

Contributing

Looking forward to your pull requests.

Built With

License

MIT

Copyright (c) 2018 - present, Felix Yang

1 Open More issues
Closed

chore: update package name

opened Dec 27, 2018 by felixpy 0
Open

no such file [import './registerServiceWorker']

registerServiceWorker

question 
opened Feb 28, 2019 by Neallin 2

1.1.0(Apr 24, 2019)

Release

build: update release files

1.0.3(Jan 4, 2019)

Docs

  • guide: update description

1.0.2(Jan 1, 2019)

Bug Fixes

  • css: fix styles of radio/checkbox group f787dd2e8a4bd84fd9cb5786563a6195e7d653a9

1.0.1(Dec 27, 2018)

Bug Fixes

  • eslint: add config file

1.0.0(Dec 27, 2018)

Core Features

  • :camera: Minimal dependencies
  • :tv: Project Structure
  • :telephone_receiver: View Layout
  • :pager: Data Processing Layer
  • :watch: Authorization
  • :radio: Error Pages
  • :mag_right: List Example
  • :ghost: Form Example

Contents

    elizabethsiegle A Swift implementation of 30-seconds-of-code: A curated collection of useful Swift 4 snippets that you can understand in 30 seconds or less.
    google Google Earth Enterprise - Open Source
    github Boilerplate for creating a custom element.
    rocky-linux Rocky Linux is a community enterprise Operating System designed to be 100% bug-for-bug compatible with Red Hat Enterprise Linux now that CentOS has shifted direction.
    codetrial element-admin Online Demoelement-admin - A dead simple but powerful vue admin with Vue CLI 3 and element-ui.Online Demo
    Metnew Vue Element Starter - Robust Vue 2 starter with Element-UI.
    ElemeFE ๐Ÿš€ Element-Helper is a Atom package for Element-UI.
    m0dch3n vue-cli-plugin-cordova - Vue CLI 3 Plugin to add Cordova easily to your project
    bencodezen vue-enterprise-boilerplate - An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.
    TonyLuo element Vue Admin - / An admin portal template based on Element UI 2.x
    openfext vue-admin-next Online Demovue-admin-next - Professional enterprise application with Multi-Module Design, Vue Composition API and Friendly User Interface. Online Demo
    ElemeFE VSCode-Element-Helper is a VS Code package for Element-UI.
    Metnew Vue starter with Element-UI [READY, unmaintained now]
    tuandm Admin dashboard for enterprise Laravel applications built by VueJS and Element UI https://laravue.dev
    nklayman vue-cli-plugin-electron-builder Electron Builder Electron Webpackvue-cli-plugin-electron-builder - A Vue Cli 3 plugin for Electron with no required configuration that uses Electron Builder and Electron Webpack.
    Tencent TBase is an enterprise-level distributed HTAP database. Through a single database cluster to provide users with highly consistent distributed database services and high-performance data warehouse services, a set of integrated enterprise-level solutions is formed.
    Y77CH Enterprise Backend as a service for data retrieval
    vutran ๐Ÿ•ฐ Tiny (280B) relative time string function (eg: "3 seconds ago")
    eddiemf vue-affix - A Vue.js 2.x plugin that affixes an element in the window while you scroll, similar to Bootstrap Affix but much simpler and smarter
    Desdesdesgo vue-scrollwatch - A light plugin detecting scroll event,customize callback when element enter viewport,expose 'scrollTo' api to scroll to specific element .Using vue directive.
    PanJiaChen vue-element-admin Online Demovue-element-admin - A magical vue admin based on Element UI 2.x Online Demo
    Share this repo

    Related Repos


    Vue CLI 3 Plugins
    3
    v-onboarding is a super-slim, fully-typed onboarding plugin for Vue 3
    fatihsolhan v-onboarding v-onboarding is a super-slim, fully-typed onboarding plugin for Vue 3 Installation โ€ข Usage โ€ข Props โ€ข Slots โ€ข Exposed Methods Demo Install
     
    Vue CLI 3 Plugins
    8
    A Kirby 3 panel plugin to visualise the `site/logs` folder in the panel.
    bvdputte Kirby LogBook A Kirby 3 panel plugin to visualise the site/logs folder in the panel. Opinionated defaults to work best with the kirby-log plugin out-o
     
    Vue CLI 3 Plugins
    11
    ๐Ÿ”Œ Automatically import components in your Vue CLI apps.
    loonpwn ๐Ÿ”Œ Automatically import components in your Vue CLI apps.
     
    Vue CLI 3 Plugins
    40
    Vue 3 library starter in TS with lint, auto release, changelog and tests
    posva Vue 3 library starter in TS with lint, auto release, changelog and tests
     
    Vue CLI 3 Plugins
    17
    A pull Vue project template to the extreme speed of the CLI
    yeahliv A pull Vue project template to the extreme speed of the CLI
     
    Vue CLI 3 Plugins
    13
    vue-cli-plugin-codeceptjs-puppeteer - installs CodeceptJS & Puppeteer for supercharged end...
    codeceptjs vue-cli-plugin-e2e-codeceptjs Hey, how about some end 2 end testing for your Vue apps? ๐Ÿค” Let's do it together! Vue, me, CodeceptJS & Puppeteer. ๐Ÿค— Br
     
    Vue CLI 3 Plugins
    3.8k
    vue-cli-plugin-electron-builder - Vue CLI 3 Plugin for Electron with no required configura...
    nklayman Vue CLI Plugin Electron Builder Easily Build Your Vue.js App For Desktop With Electron Build status: Quick Start: Open a terminal in the directory of
     
    Vue CLI 3 Plugins
    20
    vue-cli-plugin-element - Vue CLI 3 Plugin to build an enterprise application with element-...
    codetrial vue-cli-plugin-element Quickly build an enterprise application with vue-cli and element-ui in seconds. This project is not only a vue-cli plugin but a
     
    Vue CLI 3 Plugins
    89
    vue-cli-plugin-component - Vue CLI 3 Plugin to create component
    David-Desmaisons vue-cli-plugin-component component plugin for vue-cli project โ”‚ README.md โ”‚ LICENSE (optional) โ””โ”€โ”€โ”€src โ”‚ โ”œโ”€โ”€ index.js โ”‚ โ””โ”€โ”€โ”€components โ”‚
     
    Vue CLI 3 Plugins
    404
    vue-cli-plugin-cordova - Vue CLI 3 Plugin to add Cordova easily to your project
    m0dch3n vue-cli-plugin-cordova Vue CLI 3.x plugin for Apache Cordova. Integrate Cordova into Vue Cli App How To Create Vue App $ npm install -g @vue/cli $ vue