You can use this repository to help you configure tailwind for your own project regardless of what back-end framework you work with. This configuration is compatible with a Vue CLI setup, see Independent Usage below in this readme doc.
Otherwise if you are utilizing the full Lara CLI guide then please ensure you have first followed the instructions from the Core Repository before you continue below.
Download and unpack this UI source into the root of your Laravel project, some files will be overwritten such as package.json
.
Then using a terminal window in the root of your project run yarn install
.
Finally in a terminal window from any location run vue ui
to launch the CLI Service and use the web interface to import your new project, then run serve
from the tool.
You are all done, write some code!
If you just want to know how to configure Tailwind CSS for your own project, the files of interest to you are:
Files | Hint |
---|---|
package.json | Line - Post CSS Plugin entry; find "tailwindcss" |
tailwind.config.js | File |
src/scss/_tailwind.scss | File |
That is all, you can use Tailwind!