#Tailwindcss unpkg install#
#Tailwindcss unpkg code#

The robots who live, work, and play inīinaryville learn from an early age that magic is made simply by combining 0's and 1's. On the edge of the world stands the progressive town of Binaryville, where technology is a way of life.

Starter HTML Template

Then, we'll run the npx command to create our CSS file.įinally, we'll add the files necessary to run this as a project.

#Tailwindcss unpkg code#

Then we'll add an HTML file with some basic code linked to a CSS file. It's time for a little practice.Here's what we'll do, we'll start by creating a folder for our project. You can find these in the Visual Studio Marketplace, or directly under extensions in Visual Studio Code. The second is a quick way to get to the documentation. That's so that you get recommendations as you type code. Here's a few Visual Studio Code extensions you might consider installing.įirst is one that should be pretty obvious and that's IntelliSense for VS Code. The Just In Time compiler that comes with Tailwind is pretty awesome, but you don't get those benefits when you use a CDN. That's called tree-shaking and a CDN link can't do that.

You can't use third party plugins with this version, so it makes tailwind harder to extend.įinally, some tools can work to remove the CSS parts of Tailwind you don't need. It's fine for learning and playing, but not really working. Unfortunately, this version of Tailwind isn't as customizable as the regular version. We'll be using that in this course, when I want to give you quick examples to try. There's another way you can use Tailwind, and that's through the CDN, or content delivery network link. The main thing it does is something called Just In Time compiling, which means that it will process your files and only create the CSS you need for your project. Tailwind has it's own CLI, which is a command line interface that lets offers you some tools to work with Tailwind. Otherwise, you can use PowerShell, hyper or some other terminal app.

#Tailwindcss unpkg install#

If you're on a PC, you may want to install the Git Bash terminal so that you can run the Linux commands I'll be using. Since this project requires build tools, I suggest you also get a copy of Git and that you're familiar with it before taking this course. One more tool that you get when using node is npx, which is a package runner that lets you run node.js without having to install the software. Node helps you create a project and install modules, which are like plugins.

You're going to need NPM, the node package manager. Tailwind isn't for beginners, it requires some tools in order to work with your projects.