避免在StyledComponents中使用Prettier添加新行
创始人
2024-12-17 14:00:22
0

在使用Prettier格式化Styled Components代码时,通常会出现在const后面添加一个新行的情况,例如:

const Button = styled.button background-color: blue;

为了避免这种情况,可以在Prettier配置文件中添加以下规则:

{ "overrides": [ { "files": ".js", "options": { "printWidth": 120, "singleQuote": true, "trailingComma": "none" } }, { "files": ".styled.js", "options": { "printWidth": 120, "singleQuote": true, "trailingComma": "none", "proseWrap": "never" } } ], "singleQuote": true, "trailingComma": "none", "proseWrap": "never" }

其中,关键是将proseWrap设置为'never”,这将禁止Prettier在Styeld Components的第一行添加新行,并将代码全部放在一行。

使用这些配置后,我们可以编写以下代码,而不必担心在const后出现新行:

const Button = styled.button background-color: blue;

相关内容

热门资讯

攻略讲解((wEpOke))外... 攻略讲解((wEpOke))外挂透明挂辅助脚本(智能ai代打)好像真的有挂(技巧教程)-今日头条;是...
推荐十款((wepOke))外... 推荐十款((wepOke))外挂透明挂辅助挂(智能辅助)的确真的有挂(介绍教程)-百度贴吧1、游戏颠...
盘点几款((云扑克德州))外挂... 盘点几款((云扑克德州))外挂透明挂辅助脚本(透视辅助挂)果然真的有挂(科技教程)-抖音1、透视辅助...
分辨真假((pokernow德... 分辨真假((pokernow德州))外挂透明挂辅助app(透明辅助)一般真的有挂(2025新版教程)...
研究成果((wepower德州... 研究成果((wepower德州))外挂透明挂辅助脚本(透明辅助挂)的确是有挂的(2025新版教程)-...
实测教程((pokerrrr2... 实测教程((pokerrrr2))外挂透明挂辅助脚本(wpk辅助)一般真的有挂(线上教程)-知乎wp...
发现一款((扑克世界app))... 发现一款((扑克世界app))外挂透明挂辅助工具(wepoke辅助)一贯真的有挂(必胜教程)-百度1...
重磅来袭((拱趴大菠萝))外挂... 重磅来袭((拱趴大菠萝))外挂透明挂辅助工具(黑科技辅助挂)好像真的有挂(攻略方法)-百度贴吧;1、...
2024教程((wepOkE)... 2024教程((wepOkE))外挂透明挂辅助器(透视辅助挂)一贯真的有挂(必备教程)-今日头条;1...
一分钟了解((AAPoker)... 一分钟了解((AAPoker))外挂透明挂辅助插件(黑科技辅助)就是真的有挂(新2025教程)-哔哩...