原生小程序开发如何使用 tailwindcss
内容提要
weapp-tailwindcss 3.2.0 版本支持在微信开发者工具中创建小程序项目，用户需安装 Node.js 和相关依赖，配置 tailwind.config.js 文件，并在项目中引入 tailwindcss。通过命令行工具初始化项目后，可进入开发模式并构建产物，适配多平台使用。
关键要点
-
weapp-tailwindcss 3.2.0 版本支持在微信开发者工具中创建小程序项目。
-
用户需安装 Node.js 版本 >= 16.6.0，并配置 tailwind.config.js 文件。
-
通过命令行工具初始化项目后，可以进入开发模式并构建产物。
-
weapp-tailwindcss 作为转义器，将 tailwindcss 的类名转化为小程序可接受的格式。
-
安装 weapp-tailwindcss 和 CLI 工具后，可以使用 npm run dev 进入开发模式，使用 npm run build 构建产物。
延伸问答
如何在微信开发者工具中创建小程序项目？
在微信开发者工具中创建小程序项目需要安装 Node.js 版本 >= 16.6.0，并使用命令行工具初始化项目。
weapp-tailwindcss 的主要功能是什么？
weapp-tailwindcss 是一个转义器，负责将 tailwindcss 的类名转化为小程序可接受的格式。
如何配置 tailwind.config.js 文件？
tailwind.config.js 文件需要根据项目的目录结构配置，通常包括指定 content 和 corePlugins 的设置。
如何进入开发模式并构建小程序？
使用命令 npm run dev 进入开发模式，使用 npm run build 构建产物，构建结果默认在 dist 目录。
weapp-tailwindcss 适用于哪些平台？
weapp-tailwindcss 不仅限于微信开发者工具，还可以通过配置适配更多的平台。
安装 weapp-tailwindcss 需要哪些步骤？
需要在项目目录下执行 npm install -D weapp-tailwindcss @weapp-tailwindcss/cli 来安装 weapp-tailwindcss 和 CLI 工具。
