标签: prettier-vscode

如何针对特定语言使用 prettier

我正在使用带有 Prettied Extension 的 VsCode。在某些情况下,Prettier 是在 HTML 元素(Ig Class 值)内进行格式化,这很烦人,因为它不必要地破坏多行属性,因此:

\n
    \n
  1. 我不想对代码中的每一行使用 \xe2\x80\x9cprettier-ignore\xe2\x80\x9d 注释,因为它很乏味且

    \n
  2. \n
  3. 我不想在根目录中使用 .prettierignore 文件,因为根据我的理解,它会忽略 HTML 文件,并关闭 vscode 的默认 HTML 格式化程序。

    \n
  4. \n
\n

我想允许除 HTML 之外的所有语言使用 prettier,因此我在项目根目录中放置了一个扩展名为 .prettierrc 的文件,内容如下:

\n
{\n   "editor.defaultFormatter": "esbenp.prettier-vscode",\n   "[html]": {\n     "editor.defaultFormatter": null\n   }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

现在我的问题是:

\n
    \n
  1. 我可以在根目录中使用 .prettierignore 文件吗?如果可以,它会禁用 vscode 的 HTML 默认格式化程序吗?

    \n
  2. \n
  3. 检查我的 .prettierrc 配置文件并让我知道它是否正确(或其他)方式。

    \n
  4. \n
\n

visual-studio-code prettier prettier-vscode

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

Prettier - 允许 html 元素之间换行

我想在代码中的一些 html 块之间保留一些空间。然而,Prettier 想要删除这些线条。是否有更漂亮的设置来保持这个间距?

更漂亮之前:

<template>
  <form>

    <div>First block</div>

    <div>Second block</div>
    
  </form>
</template>
Run Code Online (Sandbox Code Playgroud)

更漂亮之后:

<template>
  <form>
    <div>First block</div>

    <div>Second block</div>
  </form>
</template>
Run Code Online (Sandbox Code Playgroud)

visual-studio-code prettier prettier-vscode

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

如何防止prettier将单行分成多行?

我写了一行代码。

在此输入图像描述

保存后 Prettier 将行重新格式化为 2。

在此输入图像描述

如何阻止 Prettier 将行分成两半?

visual-studio-code prettier prettier-vscode

4
推荐指数
1
解决办法
5420
查看次数

VS Code 自动保存 afterDelay w/Prettier 不起作用

VS Code 版本:1.64.2
Prettier 扩展版本:9.2.0

我希望 Prettier 能够自动保存一次,应该每 500 毫秒一次。我的工作区 JSON 中有以下内容:

{
  "editor.formatOnSave": true,
  "editor.defaultFormatter": null,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode",
  },
  "prettier.trailingComma": "all",
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 500
}
Run Code Online (Sandbox Code Playgroud)

我的用户 JSON 中也是如此:

{
  "workbench.colorTheme": "Darcula",
  "workbench.iconTheme": "material-icon-theme",
  "editor.formatOnSave": true,
  "editor.defaultFormatter": null,
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "prettier.trailingComma": "all",
  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 500
}
Run Code Online (Sandbox Code Playgroud)

注意:这是两个 JSON 文件的全部内容。设置中没有列出其他格式化程序。

以及以下测试片段:

let                    = "blah"  
Run Code Online (Sandbox Code Playgroud)

但什么也没发生。该文件(之前已保存到文件系统)在 500 毫秒后未以当前状态保存,因此 Prettier 未运行。

我很茫然,任何帮助将不胜感激。

编辑:手动保存(例如ctrl+ s)具有以下输出:

[“INFO” - 8:27:41 PM] 格式化文件:///c%3A/Users/Kevin/Documents/Programming%20Stuff/JS/scratchpad.js [“INFO” - 8:27:41 PM] …

json visual-studio-code prettier prettier-vscode

4
推荐指数
1
解决办法
5159
查看次数

保存时 VSCode Prettier - 适用于 Vue.js

![在此输入图像描述

\n

我有

\n

我的 VSCode 的这些设置

\n

设置.json

\n
{\n    "workbench.sideBar.location": "left",\n    "window.zoomLevel": 1,\n    "workbench.colorTheme": "Monokai Pro",\n    "workbench.iconTheme": "Monokai Pro Icons",\n    "editor.formatOnSave": true,\n    "editor.renderWhitespace": "none",\n    "breadcrumbs.enabled": true,\n    "editor.minimap.enabled": false,\n    "prettier.tabWidth": 4,\n    "prettier.vueIndentScriptAndStyle": true,\n    "prettier.useTabs": true,\n    "prettier.configPath": "/Users/alpha/Sites/notes/VSCode/.prettierrc",\n    "[javascript, vue]": {\n        "editor.defaultFormatter": "esbenp.prettier-vscode",\n        "editor.formatOnSave": true\n    },\n    "redhat.telemetry.enabled": true,\n    "liveServer.settings.donotShowInfoMsg": true,\n    "explorer.confirmDelete": false,\n    "editor.tabSize": 4,\n    "emmet.includeLanguages": {\n        "javascript": "javascriptreact",\n        "vue-html": "html",\n        "vue": "html"\n    }\n}\n
Run Code Online (Sandbox Code Playgroud)\n

.prettierrc

\n
{\n    "semi": false,\n    "singleQuote": false,\n    "useTabs": true,\n    "trailingComma": "none",\n    "printWidth": 80,\n    "tabWidth": 4\n}\n
Run Code Online (Sandbox Code Playgroud)\n

现在,它完美地美化了 …

vue.js visual-studio-code prettier prettier-vscode

3
推荐指数
1
解决办法
2878
查看次数

更新 VSCOD 加载工作区文件夹时出错

每次打开 VS Code 升级后,我都会得到一个Error loading workspace folders甚至所有扩展都不起作用

go [-e -json -compiled=true -test=true -export=false -deps=true -find=false -- builtin ibm.com/cloudbroker/order/...]: exit status 1: build flag -mod=readonly only valid when using modules
: packages.Load error[![enter image description here][1]][1]
Run Code Online (Sandbox Code Playgroud)

go 版本 go1.12.17 darwin/amd64 VsCode 版本:1.52.1 操作系统:Darwin x64 20.2.0

图像错误消息

在此处输入图片说明

visual-studio-code vscode-settings prettier prettier-eslint prettier-vscode

2
推荐指数
1
解决办法
1938
查看次数

Vscode Prettier - 无需删除空行

我正在开发一个具有自己的样式格式化规则的项目,如果违反规则,则该项目不会构建。我习惯使用 prettier,但它删除了嵌套选择器前面的空行,但我的项目中应该有一个空行,如下所示:

.about {
    ==>> There should be a blank line here, but prettier removes it.
    &__inner {
       color: red;
    }
}
Run Code Online (Sandbox Code Playgroud)

我已经尝试了几个更漂亮的 VS Code 扩展,但到处都存在这些问题。告诉我如何设置自己的规则以使空行不被删除?

visual-studio-code prettier prettier-vscode

2
推荐指数
1
解决办法
3344
查看次数

vscode 上的双 v 标记(prettier)是什么意思?

vscode 上的一个或两个 V 复选标记有什么区别?

特别是那个双v标记是什么意思?

V 复选标记

visual-studio-code prettier-vscode

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