当前位置：首页 > news >正文

郑州专门做网站的公司有哪些做企业网站的合同

news 2025/10/29 5:56:50

郑州专门做网站的公司有哪些,做企业网站的合同,关键词优化工具互点,桂林网站设计官方教程 1. 创建您的项目如果你还没有设置，请先创建一个新的 Vite 项目。最常见的方法是使用 Create Vite。 npm create vitelatest my-project cd my-project安装 Tailwind CSS npm install tailwindcss tailwindcss/vite配置 Vite 插件将插件添加到你的 V…

官方教程

1. 创建您的项目

如果你还没有设置，请先创建一个新的 Vite 项目。最常见的方法是使用 Create Vite。

npm create vite@latest my-project
cd my-project

安装 Tailwind CSS

npm install tailwindcss @tailwindcss/vite

配置 Vite 插件

将插件添加到你的 Vite 配置中。@tailwindcss/vite

// vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({plugins: [tailwindcss(),],
})

导入 Tailwind CSS

向 CSS 文件添加一个，用于导入 Tailwind CSS。@import

@import "tailwindcss";

开始构建过程

使用文件中配置的任何命令运行构建过程。npm run devpackage.json

npm run dev

开始在 HTML 中使用 Tailwind

确保编译后的 CSS 包含在（框架可能会为你处理此问题）中，然后开始使用 Tailwind 的实用程序类来设置内容的样式。

<!doctype html>
<html>
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link href="/src/style.css" rel="stylesheet">
</head>
<body><h1 class="text-3xl font-bold underline">Hello world!</h1>
</body>
</html>