Visual studio code vscode的更漂亮设置

我最近换了一台新电脑，我很难适应更漂亮的环境。（我觉得它更漂亮，可能是埃斯林特）

此gif显示了正在发生的情况：

有人知道这个设置叫什么吗？我希望所有导入都在一行上，除非长度扩展了

printWidth

设置

以下是我在VS代码中的相关用户设置：

{
“更漂亮。打印宽度”：100，
“更漂亮。半”：错，
“更漂亮，单引号”：对，
“更漂亮。拖尾逗号”：“全部”
}

谢谢

编辑： 视觉描绘，因此您无需观看gif

预期：

从“React”导入React
从“react native”导入{维度、样式表、视图}
从“反应本机线性渐变”导入LinearGradient
从'react-native-iphone-x-helper'导入{isIphoneX}

行为：（不需要的）

从“React”导入React
进口{
尺寸，
样式表，
看法
}从“反应本机”
从“反应本机线性渐变”导入LinearGradient
进口{
伊斯芬克斯
}来自“react-native-iphone-x-helper”

像

Prettier

和

bestify

这样的插件不能为您提供对样式的太多控制。 它们有助于以简单的方式使代码保持一致：）

相反，我更喜欢。
然后您可以定义自己的

eslint.json

规则

（或者像其他人一样，使用线绳规则）

---

然后您可以使用设置，如

“eslint.autoFixOnSave”：true

。然后，您的代码将根据您的保存规则进行相应的格式化：）

对于那些试图快速更改VS代码的更漂亮设置的人。以下是步骤：

转到文件->首选项->设置。（VS代码菜单）

设置窗口应该打开。上面有一个搜索。键入“Prettier”

您应该可以看到可用的更漂亮的设置。您可以修改它们：）

---

配置更漂亮设置的新方法：

在项目文件夹的根目录下，创建一个新的配置文件（我建议将其命名为“.prettierrc.json”或“.prettierrc”）

在该新文件中，添加json自定义设置：我的JS转到设置如下：

---

我建议在您的每个项目中都这样做，包括在任何源代码管理中，这样，每次调用repo都会自动为开发人员的prettier实例设置一些基本设置

我也有类似的问题。要解决此问题，请进入更漂亮的扩展设置并查找“打印宽度”。我的设置为“80”。我把它改为“100”，在保存文件后，它全部放在一行中。您可以将宽度更改为您想要的任何宽度。

如果您的VS代码设置中没有显示Prettier，则扩展可能会自动崩溃，这通常在多个位置更改设置时发生（即工作区和设置中的选项卡大小都已更改）

---

重新启动VS代码，再次搜索Prettier，这次它应该会显示：）

Nvm。与“美化”扩展有关。对我来说，更漂亮的没有出现在列表中，但我的代码仍然由它格式化。。。你知道为什么我不能在列表中看到它吗？你没有回答这个问题@nikhil patel的回答对我来说很有用！下面是链接“Plugins like Prettier and Beautify并不能为您提供对样式的太多控制。它们有助于以一种简单的方式使代码保持一致：）”-1表示错误的表达！

{
    "trailingComma": "none",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true
}