Nuxt 项目部署

安装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'
    ]