uni-app-vite-vue3-tailwind-vscode-template icon indicating copy to clipboard operation
uni-app-vite-vue3-tailwind-vscode-template copied to clipboard

为什么把prettier.config.js删了? npm run prettier之后样式全变了

Open hackeryutu opened this issue 1 year ago • 8 comments
trafficstars

为什么把prettier.config.js删了? npm run prettier之后样式全变了, 有平替吗? 出于什么考虑要删掉?

image

hackeryutu avatar Aug 06 '24 07:08 hackeryutu

你发现的真是又快又仔细啊!这个版本除了几乎所有的 ts 之外

我也把所有的 format 和 lint 规则,统一集成到了 @icebreakers/eslint-config 这个包里面,

所以这时候,你只要执行 npm run lint:fix 就能执行 format + lint 的双重操作了。

至于原先的 prettier-plugin-tailwindcss 我也使用了 eslint-plugin-tailwindcss 作为平替了。

这样我只需要安装 eslint + @icebreakers/eslint-config 就能把所有的 format 和 lint 给做了,方便在多个项目之间共用。 然后不同的项目,只需要调整传给 @icebreakers/eslint-config 的配置项,就能进行动态的调整。

sonofmagic avatar Aug 06 '24 10:08 sonofmagic

你发现的真是又快又仔细啊!这个版本除了几乎所有的 ts 之外

我也把所有的 format 和 lint 规则,统一集成到了 @icebreakers/eslint-config 这个包里面,

所以这时候,你只要执行 npm run lint:fix 就能执行 format + lint 的双重操作了。

至于原先的 prettier-plugin-tailwindcss 我也使用了 eslint-plugin-tailwindcss 作为平替了。

这样我只需要安装 eslint + @icebreakers/eslint-config 就能把所有的 format 和 lint 给做了,方便在多个项目之间共用。 然后不同的项目,只需要调整传给 @icebreakers/eslint-config 的配置项,就能进行动态的调整。

Hi,我运行了npm run lint:fix,下面会有异常, 还有一个问题就是,之前webstorm在保存的时候可以自动格式化,现在不行

image

hackeryutu avatar Aug 07 '24 01:08 hackeryutu

image

ESLint插件看起来像是WebStorm带的?

hackeryutu avatar Aug 07 '24 04:08 hackeryutu

这个是 nodejs 的版本问题导致的错误把,我用的是 v20.16.0 另外webstorm 要主动开启一下自动 fix image

sonofmagic avatar Aug 07 '24 04:08 sonofmagic

这个是 nodejs 的版本问题导致的错误把,我用的是 v20.16.0 另外webstorm 要主动开启一下自动 fix image

我用的也是v20.16.0

hackeryutu avatar Aug 07 '24 05:08 hackeryutu

额,这就奇怪了,可能是我的 eslint-config 发生了什么错误

sonofmagic avatar Aug 07 '24 08:08 sonofmagic

最主要是你那边好像没办法复现? 这有点头疼

hackeryutu avatar Aug 07 '24 08:08 hackeryutu

我更新 @icebreakers/eslint-config 到了 0.3.18 你再重新试试呢,看看会不会报错。我这还是没有报错,然后输出是:

image

sonofmagic avatar Aug 08 '24 02:08 sonofmagic