vue-element-plus-admin

vue 3 project with the element plus UI framework.

Project startup

vue create vue-element-plus-admin

• Vue project setting

Vue CLI v4.5.13

Please pick a preset: Manually select features

Check the features needed for your project: Choose Vue version, Babel, Router, Vuex, CSS Pre-processors, Linter

Choose a version of Vue.js that you want to start the project with 3.x

Use history mode for router? (Requires proper server setup for index fallback in production) Yes

Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): Sass/SCSS (with dart-sass)

Pick a linter / formatter config: Standard

Pick additional lint features: Lint on save

Where do you prefer placing config for Babel, ESLint, etc.? In package.json

Save this as a preset for future projects? No

• Add the element plus UI framework to the Vue 3 project

vue add element-plus

• The element plus UI setting

How do you want to import Element Plus? Fully import

Do you want to overwrite the SCSS variables of Element Plus? Yes

Choose the locale you want to load, the default locale is English (en) en

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Reference