小编Nov*_*awn的帖子

如何在我的 *.svelte 文件中配置自动格式化?

我是 Svelte (以及一般框架)的新手,我已经建立了一个 Svelte 项目并正在尝试一些事情。

但格式确实让我分心,目前我的代码被自动格式化为( Shift + Option + F ):

在此输入图像描述

我有办法配置这个吗?

我试过了:

  • 将密钥添加prettier到我的package.json
  • 在vscode文件夹中添加settings.json文件,内容如下:

    {
        "prettier.tabWidth": 4,
    }

Run Code Online (Sandbox Code Playgroud)

除了更改选项卡大小之外,我还希望将上图中的代码自动格式化为:


    config = Object.assign({
        mass: 1,
        stiffness: 100,
        damping: 10,
        velocity: 0
    }, config);

Run Code Online (Sandbox Code Playgroud)

模板代码也自动格式化为:

在此输入图像描述

我认为如果像这样的话会更容易阅读:


    <FadeIn
        from={{ blur: 8, scale: 0.6 }}
        config={{ stiffness: 10, damping: 20 }}
    >
        <p>Hello</p>
    </FadeIn>

Run Code Online (Sandbox Code Playgroud)

请知道如何配置的帮我一下,谢谢!

code-formatting visual-studio-code svelte

5
推荐指数
1
解决办法
6183
查看次数