问题标签 [prettier]

我在带有 React 的 JavaScript 项目中使用 Prettier。我所有的组件道具都在 1 行中格式化：

<Icon icon="arrow-left" width={15} height={18} />

我想要这个：

我已添加"react/jsx-max-props-per-line": [1, { "when": "multiline" }]到我的 .prettierrc，但没有结果。

我也有一个 ESLint 配置，具有以下规则：

我的 .prettier 文件配置：

也许是冲突？我尝试将react/jsx-max-props-per-line规则移至 ESLint，但也没有结果。没变。

任何人都可以帮助我吗？

我对 eslint + prettier 有疑问。出于某种原因，我有一些像这样的“换行符”：

将被工具美化为：

（https://gyazo.com/ef44b03a25292f5e6e156c3105ef7c3b）

我怎样才能防止这种行为？谢谢！

配置示例：

precommit 上没有运行 prettier。这在其他项目中使用相同的配置，所以我很困惑为什么这次它不起作用。

这是我的 package.json 文件的相关部分：

编辑。以下是相关的 devDependencies：

所以问题是 prettier 不能很好地格式化 html。

例如，如果我有这个角度模板：

prettier 会将其格式化为如下形式：

如何禁用 html 模板的更漂亮的格式？

我已经format on save启用，它在 .js 文件中运行良好，但是当我尝试在我的 .jsx 文件中保存代码时，一切都搞砸了。如何在不禁用的情况下配置我的 prettier 以避免此问题format on save？

我最近研究过使用Prettier来帮助维护一致的代码结构。我找到了Prettier VSCode 插件，发现它还有一个使用Prettier-eslint的选项。在大多数情况下，它很棒，但是 Prettier 所做的一件事真的让我抓狂。

假设我在renderReact 组件的函数中有这个：

这正是我希望代码被格式化的方式，但 Prettier 一直把它变成这样：

因此，它在左括号之后和右括号之前删除了换行符。

是否可以选择关闭它，或者我可以使用某种插件（对于 Prettier 和/或 Eslint）？我四处搜寻，但找不到任何完全涵盖这一点的东西。

谢谢！

我正在尝试为以下文件夹中的任何 js 文件运行更漂亮：

但它只转换位于 js 文件夹中的 js 文件。我想转换里面任何子文件夹中的任何js文件/assets/js/...

有人能帮我吗？

尝试使用构建新的 webpack 项目时反复出现错误vue-cli. 我正在关注最新版本 (3.0.0-beta.11) 上的文档，也尝试使用不是 beta 的早期版本。

当我运行yarn serve它时，它会尝试启动开发服务器并构建项目，但在这里失败：

关于我的设置

• 苹果系统
• 我正在运行节点 v8.5.0
• 安装包yarn

我尝试过的事情

• 不同版本vue-cli生成新项目。项目生成并安装模块。
• 尝试删除prettier模块，但错误似乎仍然出现。
• 尝试重新安装所有模块。

我还能尝试什么来克服这个错误？

我只是使用 webpack 模板设置了一个 vue 项目，如下所述：http: //vuejs-templates.github.io/webpack/

但是，在运行 npm run dev 只是为了测试模板是否正常工作后，我收到此错误：

我究竟做错了什么？

我在 Nuxtjs 上遇到了同样的问题。有人遇到同样的问题？？？帮助？！！版本：“nuxt”：“^1.0.0”，“更漂亮”：“^1.12.1”

尝试了所有降级和升级更漂亮版本的选项。