Nuxt+tailwindcss+element 零帧起手

---

前言

---

一、项目搭建

• node版本需要18以上

npx nuxi@latest init <project-name>

二、全局样式使用

（一）、动态样式引入

1.插件安装

npm install -D sass

2.在根目录创建assets/css/theme.scss文件

$primary: #49240f;
$secondary: #e4a79d;

3.在nuxt.comfig.js中配置引入样式

export default defineNuxtConfig({
   
  vite: {
   
    css: {
   
      preprocessorOptions: {
   
        scss: {
   
          additionalData: '@use "~/assets/css/theme.scss" as *;',
        },
      },
    },
  },
});

4.页面使用动态样式

<template>
  <div>

    <h2>大搜</h2>
 
  </div>
</template>

<style lang