create tw

Tailwind（Create-TW）を作成する

Tailwindcssを始める最も簡単な方法。

create-next-app 、 create-vite 、 create-astro 、またはcreate-svelteプロジェクトなどの人気のある足場スクリプトを使用して、プロジェクトを箱から出して作業するようにtailwindcssを構成します。

NPX

npx create-tw@latest

# OR

npx create-tw@latest < project-name > --template < id > 

糸

yarn create tw

# OR

yearn create tw < project-name > --template < id > 

pnpm

pnpm create tw

# OR

pnpm create tw < project-name > --template < id >

1. プロジェクトの種類を選択します
   • nextjs（create-next-app）
   • バニラ（create-vite）
   • React（create-vite）
   • vue（create-vite）
   • アストロ（create-astro）
   • svelte（createsvelte）
   • PREACT（Create-Vite）
   • 固体（学位）
2. 言語を選びます
   • タイプスクリプト
   • JavaScript
3. 依存関係を選択します
   • きれいな、CLSXなど
4. プラグインを選択します
   • デイジーUI、 @tailwindcss/タイポグラフィなど

準備ができています！ ✅

現在、開発の非常に早い段階にあります

アイデア、提案、バグレポートは大歓迎です。次の日には、React、Vue、SvelteのサポートをViteと追加する予定です。

足場ツール

id	テンプレート	道具
Nextjs	next.js	create-next-app
バニラ	バニラ	create-vite
反応します	反応します	create-vite
vue	vue	create-vite
アストロ	アストロ	Create-astro
svelte-kit	Svelteキット	svelte
プアクト	プアクト	create-vite
固体	固体	デジット

注：typeScriptにインストールするには、 -ts postfixをIDに追加します

入力手順をスキップするためにテンプレートIDを含めます

npx create-tw@latest --template < id >
# OR
yarn create tw --template < id >