Nuxt3引入Element-plus和sass

1.引入Element-plus
打开编辑器终端 运行npm install @element-plus/nuxt
或者命令行cd到项目文件 运行npm install @element-plus/nuxt
package.json文件会出现
Nuxt3引入Element-plus和sass_第1张图片
使用Element-plus
在nuxt.config.ts文件添加代码

export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: [
    '@element-plus/nuxt'
  ],
  css: [
    'element-plus/dist/index.css',
  ]
})

引入按钮组件演示
Nuxt3引入Element-plus和sass_第2张图片

成功显示出按钮组件和样式:

Nuxt3引入Element-plus和sass_第3张图片

2.安装sass
打开编辑器终端 运行npm install sass --save-dev
或者命令行cd到项目文件 运行npm install sass --save-dev
package.json文件会出现
Nuxt3引入Element-plus和sass_第4张图片
演示sass
Nuxt3引入Element-plus和sass_第5张图片
Nuxt3引入Element-plus和sass_第6张图片

你可能感兴趣的:(Nuxt3,sass,element-plus,nuxt3)