@codetrial/vue-cli-plugin-element

Quickly build a backend system with vue-cli and element-ui in seconds.

Usage no npm install needed!

<script type="module">
  import codetrialVueCliPluginElement from 'https://cdn.skypack.dev/@codetrial/vue-cli-plugin-element';
</script>

README

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!

:us: English | :cn: 简体中文

Example

A complete example project: :zap: @codetrial/element-admin

Live Preview: :telescope: 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: :book: codetrial.github.io/element-admin

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

Contributing

Looking forward to your pull requests.

Built With

License

MIT

Copyright (c) 2018 - present, Felix Yang