vue3引入 element-plus / scss

一、vue3引入element-plus

1、vue3安装element-ui不兼容，安装element-plus代替

npm install element-plus --save

2、main.js 配置问题，引入顺序很重要。全局配置如下

import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import locale from "element-plus/lib/locale/lang/zh-cn";//element-plus中文版
import App from './App.vue'
import router from './router'
import store from './store'
import 'element-plus/theme-chalk/index.css' 	

const app = createApp(App)
app.use(ElementPlus, { size: 'small', zIndex: 3000,locale }) //element-plus中文版，加入locale
app.use(store).use(router).mount('#app')

二、Vue3中引入scss

//1.首先执行以下命令安装 style-resources-loader;

vue add style-resources-loader

//2.然后安装scss/sass,node-sass sass-loader sass 属于重要依赖，所以需-D而不是-S；

npm install node-sass sass-loader sass -D

补充：

1、解决报错：
Component name “xxx“ should always be multi-word vue/multi-word-component-names
vue.config.js 加上 lintOnSave:false