Day 31：「不够吃了...哪里还有红萝卜？」- Tailwind 和 Vue 的资源分享

大家有体会到自己建立元件的乐趣吗？

如果没有也没关系～
因为接下来会分享一些相关资源哦！

其实兔兔知道的资源并不是很多啦，因为兔兔的东西都会自己重造轮子 XD

不过就是还是把我知道的都分享这样～

Tailwind 元件库

你可能觉得造元件很烦，要注意到的东西太多了，不过其实啊，有许多现成元件可以使用哦！

Tailwind UI

Tailwind UI 是官方的元件库，而官方元件库的元件就不少了，可能很多人也会想说：

「啊 Tailwind 既然这麽好用，官方还附元件库，那它怎麽不收费啊？」

没错 ，它就是这麽好用还不收钱，其实它有收费机制，只是它是有缴会员费 (我看好像是永久的) 的话，就可以存取元件库里的所有元件，但是也有分等级的，比如说：

• Application UI 会员方案

  • 会费 $149 USD
  • 可以存取 Application UI 类 的所有模组
  • 可免费存取新上市的 Application UI 类模组
  • 可加入官方的 Discord 服务器问问题
  • ... 还有其他的...

• Marketing 会员方案

  • 会费 $149 USD
  • 可以存取 Marketing 类 的所有模组
  • 可免费存取新上市的 Marketing 类模组
  • 可加入官方的 Discord 服务器问问题
  • ... 还有其他的...

• Application UI + Marketing 的终极方案

  • 会费 原 $289，现在 $249 USD
  • 可以存取所有模组 ( Application UI + Marketing )
  • 可免费存取所有新上市的模组 ( Application UI + Marketing )
  • 可加入官方的 Discord 服务器问问题
  • ... 还有其他的...

但是不用觉得烦恼，官方不是所有的原件都是付费的， 也有很多免费的元件 ，要钱的通常都是比较商业用途一些的设计，简单常用的设计都还是免费的。
 

Tailblocks

如果刚刚在 Tailwind 官方元件库看到喜欢的模组但却不是免费的，那你就要来看看 Tailblocks 啦~

Tailblocks 是第三方的元件库，是一群热爱 Tailwind 的人一起弄出来的专案，它的网站里面有很超过 60 种的模板供你挑选，其中也有一些是 Tailwind 官方收费类型的模板，他们也有还原出来，只是做的是他们自己的风格，不是官方的。

Tailwind Components

Tailwind Components 也是第三方的元件库，有很多国外的作者会一直上传自己做的最新的 Tailwind UI 样本。它的分类非常的详细哦，很推荐推去这里找你想要的元件样式。

Tailwind Kit

Tailwind Kit 也是第三方的元件库，目前元件数量还算不多，但分类也蛮细的，一个分类进去後还有分成不同用途的原件。一样都有提供原始码直接让你复制，但值得一提的是它的某些元件有提供深色模式的功能在里面，也可以直接切换看效果，网站也还有提供 写好的 Tailwind 网页范例模板让你复制去修改。

Tailwind 相关工具

Shades Generator for Tailwind

Shades Generator for Tailwind 是一个在 Tailwind 要自订色彩时非常实用的工具，进入网站时只要输入你想要的颜色的色码，它会为你建立好一整个依照那个颜色所排出的色系，只要按复制後，就可以直接贴到 Tailwind 的配置档了，非常方便！

Creator

Creator 是一个非常好用的 Tailwind 专案建立工具，已经预先把一些常见的前端框架都加入指令，只需要网站上按一按，再复制贴上，起始专案就会自己建立了，超级方便。

(哇你这兔，业配自己的东西都不脸红的)

Vue 资源

Vue 的资源网路上其时就非常多了，不过这边还是提几个我觉得不错的！

Vue 学习资源

• 重新认识 Vue.js - 大家俗称的 Vue 008，Kuro 的这本书有铁人赛的文章，也有我现在分享的网路版，但网路版只有前四个章节，所以还是推荐各位买书哦，这也是对作者的一个支持。
• Vue 官方文件 - 其实看官方的就很棒啦～官方文件的解释就已经都非常详细了，可以多去翻翻。
• Vue - The Complete Guide - 这是一门评价还不错的 udemy 课程，讲解的算是详细，老师的发音也还算标准，有打折时可以买买看哦～ (只是这课程主力是教 Vue 2，而兔兔写的都是 Vue 3)
   

大概就是这样了吧，
是不是知道的比你们还少呢 XD

有知道不错的资源可以留言在底下给我哦，我也想知道还有哪些不错的资源我要收藏起来～

关於兔兔们：

• Tailwind CSS 台湾官网
• Tailwind CSS 台湾 (脸书粉丝专页)
• 兔兔教 × Tailwind CSS Taiwan (脸书社群)
• 兔兔教大本营