我正在使用带有 Prettied Extension 的 VsCode。在某些情况下,Prettier 是在 HTML 元素(Ig Class 值)内进行格式化,这很烦人,因为它不必要地破坏多行属性,因此:
\n我不想对代码中的每一行使用 \xe2\x80\x9cprettier-ignore\xe2\x80\x9d 注释,因为它很乏味且
\n我不想在根目录中使用 .prettierignore 文件,因为根据我的理解,它会忽略 HTML 文件,并关闭 vscode 的默认 HTML 格式化程序。
\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我可以在根目录中使用 .prettierignore 文件吗?如果可以,它会禁用 vscode 的 HTML 默认格式化程序吗?
\n检查我的 .prettierrc 配置文件并让我知道它是否正确(或其他)方式。
\n我想在代码中的一些 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) 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] …
我的 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现在,它完美地美化了 …
每次打开 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
我正在开发一个具有自己的样式格式化规则的项目,如果违反规则,则该项目不会构建。我习惯使用 prettier,但它删除了嵌套选择器前面的空行,但我的项目中应该有一个空行,如下所示:
.about {
==>> There should be a blank line here, but prettier removes it.
&__inner {
color: red;
}
}
Run Code Online (Sandbox Code Playgroud)
我已经尝试了几个更漂亮的 VS Code 扩展,但到处都存在这些问题。告诉我如何设置自己的规则以使空行不被删除?