webstorm中unocss代码提示方案

1,934 阅读1分钟

前言

截止2024年1月,已有开发者推出unocss插件
· unocss没有webstorm插件,没代码提示,用起来很难受

image.png

解决方案

unocss也是使用tailwindcss,所以可以借助tailwindcss插件进行提示.

步骤

安装tailwindcss

pnpm install tailwindcss

新增配置文件

npx tailwindcss init -p

新增到.gitignore

/tailwind.config.js新增到.gitignore

回滚依赖

package.json和对应的lock文件回滚

注意: 不要删除node_modules/tailwindcss,tailwindcss代码提示依赖tailwindcss文件夹

引用

首发于语雀文档@is_tao