使用tailwind+next.js写一个github页面进行学习

目的是学习tailwind语法

如果你也想照着敲可以参考这个视频,点击即刻跳转

仓库地址,点击即刻跳转,不想重复的创建仓库,我的所有内容都在该仓库,只是会通过创建分支来写项目

写的过程发现之前的一些疏忽吧

  • jsx后缀的尽量就不要写成js后缀,除非js里面没有组件,html标签
  • 在jsx中使用className='flex’这样方便,我测试以后发现class=‘flex’, className={‘flex’}也是生效的
  • w,h可以直接写几分之几
  • ctrl+i 手动唤出tailwind的提示
  • 发现tailwindcss布局flex布局对熟练程序要求很高

线上地址: https://imitate-github.vercel.app/

你可能感兴趣的:(javascript,github,学习)