提升nuxt+tailwind css 开发体验的配置,需要
- 能做 eslint 检查
- 能保存时自动做代码格式化(例如删除多余的空格)
- 能在提交代码时自动做上面两步
- 支持tailwind css 属性的预览
设计到的配置文件有
- nuxt.config.ts
- eslint.config.mjs
- .vscode/settings.json
- .gitattributes
- .editorconfig
- package.json
- tailwind.config.js
可见,前端开发真的很折腾,自己从头到尾配置一遍,一天就过去了。
而且这些工具经常更新,一旦升级,配置方式可能也会发生变动。