安装Nuxt
npx nuxi@latest init <project-name>
pnpm dlx nuxi@latest init <project-name>
bunx nuxi@latest init <project-name>
安装依赖
使用对应的包管理器进行install
,如npm install
启动项目
启动命令为dev
安装Element-Plus
npm install element-plus --save
yarn add element-plus
pnpm install element-plus
将Element-Plus引入到Nuxt
在项目根目录下新建一个plugins
文件夹,新建一个文件element-plus.ts
,写入以下内容
import ElementPlus from 'element-plus'
import {ID_INJECTION_KEY} from 'element-plus';
export default defineNuxtPlugin(nuxtApp => {
nuxtApp.vueApp.use(ElementPlus)
nuxtApp.vueApp.provide(ID_INJECTION_KEY, {
prefix: Math.floor(Math.random() * 10000),
current: 0,
})
})
Nuxt会自动引入模块,不过还需要手动导入css
将以下内容添加到nuxt.config.ts
文件中
注意逗号
css: [
'element-plus/dist/index.css'
]