按需引入;
第一步: npm i unplugin-vue-components unplugin-element-plus -D
第二步:vite.config.js配置
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import ElementPlus from 'unplugin-element-plus/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
vue(),
ElementPlus({
importStyle: 'sass',
useSource: true
}),
Components({
resolvers: [ElementPlusResolver()]
})
]
})
第三步:运行项目(这个地方我的报错了,原因是我的node版本是12.16.1)
报错提示:
第四步:解决报错(node最新版不会有用到第四步的机会)
4.1、清除npm缓存,执行命令:
npm cache clean -f
4.2、安装n模块(n模块是管理nodejs的版本的)
npm install -g n
4.3、升级node.js到最新稳定版:
n stable
查看版本号
node -v
查看node安装路径
which node
升级好了node,重新运行吧!
注:mac升级安装需要在命令前加sudo