创建nuxt3+vue3+js项目

创建项目

npx nuxi init project_name

安装elementPlus和图标库

npm install element-plus --save npm install @element-plus/icons-vue

安装nuxt elementplus 模块

npm i @element-plus/nuxt -D

在app.vue加入代码引入icon

import * as ElementPlusIconsVue from "@element-plus/icons-vue";
const layout = "main-content"; 
const nuxtApp = useNuxtApp(); 
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {         
   nuxtApp.vueApp.component(key, component); 
}

nuxt.config.ts写入

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  css: ["@/assets/main.scss"],
  devtools: { enabled: true },
  modules: [
    "@element-plus/nuxt",
    "@pinia/nuxt",
    "@pinia-plugin-persistedstate/nuxt",
  ],
  buildModules: ["nuxt-windicss"],
  build: {
    transpile: [/echarts/],
  },
});

目录设计