Nuxt3引入Element-plus和sass

最新推荐文章于 2024-05-28 20:05:55 发布

键指江湖

最新推荐文章于 2024-05-28 20:05:55 发布

阅读量1.2k

点赞数

分类专栏： Nuxt3 文章标签： sass element-plus nuxt3

本文链接：https://blog.csdn.net/ahui829/article/details/131617767

版权

Nuxt3 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

文章介绍了如何在Nuxt.js项目中安装和使用Element-plusUI组件库，包括在终端运行npm命令安装，修改nuxt.config.ts配置文件以引入组件和样式。此外，还展示了安装Sass的过程，用于项目中的样式处理。

摘要由CSDN通过智能技术生成

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

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

引入按钮组件演示
在这里插入图片描述

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

在这里插入图片描述

2.安装sass
打开编辑器终端运行npm install sass --save-dev
或者命令行cd到项目文件运行npm install sass --save-dev
package.json文件会出现
在这里插入图片描述
演示sass

键指江湖

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Nuxt3引入Element-plus和sass

或者命令行cd到项目文件运行npm install @element-plus/nuxt。或者命令行cd到项目文件运行npm install sass --save-dev。打开编辑器终端运行npm install @element-plus/nuxt。打开编辑器终端运行npm install sass --save-dev。在nuxt.config.ts文件添加代码。package.json文件会出现。package.json文件会出现。
复制链接

扫一扫