开局就集成tailwindcss（一）

1.使用cli创建项目

?

1	npm create vite@latest 项目名 --template react-ts

 

2.因为css功底偏弱，所以必须也是完全有必要的，在这里必须集成一下tailwind css，

?

1 2 3 4

npm install tailwindcss autoprefixer postcss-cli # 额外的安装2个配套的插件 # autoprefixer  自动添加样式的前缀，很有必要，类似 --webkit这种， # postcss-cli 它可以加载不同的插件并对CSS进行各种转换、优化和处理。

安装完之后，在根目录下新建一个postcss.config.js，内容如下

 

3.接下来根据tailwind的官网链接 的操作，初始化tailwind

?

1	npx tailwindcss init

 执行之后发现多了一个tailwind.config.js 文件，这还没结束，配置下规则，支持我们的tsx文件

 这里偷个懒，直接放到index.css里，规范点应该提出去，后续再优化，已经迫不及待的要尝鲜

 

 最后效果如下