您想在哪里创建您的应用？
Posted: Thu Jan 16, 2025 7:19 am
rad-remix-app 您想创建什么类型的应用？只需基本内容。
从部署目标列表中选择 Netlify。
您想在哪里部署？部署目标列表，Netlify 已突出显示
使用 TypeScript 或 JavaScript，由您选择。
JavaScript 的 TypeScript？TypeScript 被重点强调。
npm install按 Y 键运行。
你想让我运行 npm install 吗？ (Y/n) Y
现在您的 Remix 项目已设置完毕。您可以在自己喜欢的代码编辑器中打开它并开始设置 Tailwind CSS。
设置 Tailwind CSS
安装 Tailwind 所需的软件包。
npm install -D tailwindcss postcss autoprefixer concurrently
运行命令来初始化 Tailwind，这将tailwind.config.js在项目的根目录中生成一个文件。
打开新创建的tailwinfi js文件并将文件路径添加到内容部分。
用新的 Tailwind 脚本替换 中的脚本package.json。这添加了两个脚本来生成 Tailwind CSS 文件，并更新了build和dev脚本以使用新的 CSS 脚本。可以根据需要配置 CSS 文件的路径，但默认情况下，它会将初 约旦 Whatsapp 数据 始文件放在根styles/app.css文件中，生成的输出将转到app/styles/app.css。
在将 CSS 的路径设置为或默认位置的位置，为 CSS 创建初始位置。从项目的根目录运行以下命令。
将指令添加@tailwind到新创建的ss文件中。
我遇到的一件事我想在这里指出。确保您的 Remix 应用包含文件内部<Links />的组件，否则将不会添加链接
入门级 Remix 应用的网页上显示的内容，其中 h1 Welcome to Remix 使用 Tailwind CSS 样式
从部署目标列表中选择 Netlify。
您想在哪里部署？部署目标列表，Netlify 已突出显示
使用 TypeScript 或 JavaScript，由您选择。
JavaScript 的 TypeScript？TypeScript 被重点强调。
npm install按 Y 键运行。
你想让我运行 npm install 吗？ (Y/n) Y
现在您的 Remix 项目已设置完毕。您可以在自己喜欢的代码编辑器中打开它并开始设置 Tailwind CSS。
设置 Tailwind CSS
安装 Tailwind 所需的软件包。
npm install -D tailwindcss postcss autoprefixer concurrently
运行命令来初始化 Tailwind，这将tailwind.config.js在项目的根目录中生成一个文件。
打开新创建的tailwinfi js文件并将文件路径添加到内容部分。
用新的 Tailwind 脚本替换 中的脚本package.json。这添加了两个脚本来生成 Tailwind CSS 文件，并更新了build和dev脚本以使用新的 CSS 脚本。可以根据需要配置 CSS 文件的路径，但默认情况下，它会将初 约旦 Whatsapp 数据 始文件放在根styles/app.css文件中，生成的输出将转到app/styles/app.css。
在将 CSS 的路径设置为或默认位置的位置，为 CSS 创建初始位置。从项目的根目录运行以下命令。
将指令添加@tailwind到新创建的ss文件中。
我遇到的一件事我想在这里指出。确保您的 Remix 应用包含文件内部<Links />的组件，否则将不会添加链接
入门级 Remix 应用的网页上显示的内容，其中 h1 Welcome to Remix 使用 Tailwind CSS 样式