Day 2 - 环境配置

开始前

首先威尔猪使用的是 Mac，编辑器用的是 Visual Studio Code，如果是使用 Windows 的同学应该也没啥区别吧！然後你的电脑必须先安装 Node.js，需要版本在 v12.13.0 以上喔。如果没有安装的同学，就到 Node官网下载左边的 LTS 版本吧！

Visual Studio Code可以先安装延伸模组：

注意：Tailwind CSS v2.0 不再支援任何版本的 IE 浏览器，包含 IE 11 也不支援。

使用 CDN 方式引入 Tailwind，只要在 html 下，加入

<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">

当当，大功告成！恭喜可以开始写 Tailwind 了。(喂喂～不是吧威尔猪，那安装 Node.js 干嘛，浪费我那小小的硬碟空间。)

好啦，以上方法适合想要快速的尝试一下 Tailwind 框架的人，毕竟官网有说了这方法有些限制：

如果有要搭配一些框架，如 React、Vue 3、Nuxt.js......，官网也整合了几个热门框架及工具安装 Tailwind 的方法。有需要的同学可自行上官网查看，威尔猪就不多做说明了。

其实威尔猪以前很怕使用终端机来安装环境，因为总会莫名出现一堆看不懂的错误，还要麻烦工程师来帮忙 Debug，让威尔猪觉得自己很废，但没办法，现在的框架都使用类似方式来安装环境，再不学着安装会连车尾灯都看不到啊～

威尔猪通常是搭配 Webpack 来安装，这边想使用 Tailwind CLI 来试试看，威尔猪会一步一步来，如果你是用 Webpack 等打包工具，安装可能会有些许不同，但本质上大同小异，毕竟主角是 Tailwind，咱们明天开始吧！