vscode 更漂亮的设置

我最近换了一台新电脑，但很难找到更漂亮的设置。 （我认为它更漂亮，可能是 eslint）。

这张 gif 说明了正在发生的事情：http://g.recordit.co/H871hfT9Sv.gif http://g.recordit.co/H871hfT9Sv.gif

有人知道这个设置叫什么吗？我希望所有导入都在一行上，除非长度延伸printWidth环境。

以下是 VS Code 中的相关用户设置：

{
  "prettier.printWidth": 100,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.trailingComma": "all"
}

Thanks !

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

预期的：

import React from 'react'
import { Dimensions, StyleSheet, View } from 'react-native'
import LinearGradient from 'react-native-linear-gradient'
import { isIphoneX } from 'react-native-iphone-x-helper'

行为：（不需要）

import React from 'react'
import {
  Dimensions,
  StyleSheet,
  View
} from 'react-native'
import LinearGradient from 'react-native-linear-gradient'
import {
  isIphoneX
} from 'react-native-iphone-x-helper'

对于那些试图快速更改 Prettier 设置对于 VS 代码。步骤如下：

1. 转到文件 -> 首选项 -> 设置。 （VS 代码菜单）
2. 设置窗口应该打开。上方（顶部）有一个搜索。输入“更漂亮”
3. 您应该会看到可用的 Prettier 设置。您可以修改它们:)