ViteとVue3にTailwind CSSを導入するViteプロジェクトでCSSフレームワークのTailwind CSSを導入する方法を紹介します。ついでに、Tailwind CSS用のStylelintのルールやVSCodeの設定をします。 はじめにVite は No bundle 掲げており、開発時に高速な HMR を提供してくれます。 しかし、CLI を用いたデフォルトテンプレート自体はかなりシンプルになっているため、Vite プロジェクトを始める際、他のモジュールを使うには自分で環境を構築しなければなりません。 今回は Vite を使って、CSS フレームワークである Tailwind CSS の環境構築をします。 なお、こちらの環境をベースに説明するので、適宜参考にしてください。 以下では Vite プロジェクトがある前提で説明します。 環境構築まずは、Tailwind CSS
![ViteとVue3にTailwind CSSを導入する | miyauci.me](https://cdn-ak-scissors.b.st-hatena.com/image/square/4aca24adbcd54b90ef66e46c445f3b4e3627ffed/height=288;version=1;width=512/https%3A%2F%2Fmiyauchi.dev%2Fstatic%2Fb9213320edd4260f99ace325ccc58c22%2Fhero.png)