DavidWeblog/vue-element-plus-tutorial

Repository files navigation

vue 3 project with the element plus UI framework.

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

npm install
npm run serve
npm run build
npm run lint

See Configuration Reference.