如何解决Prettier 不适用于我的 vscode我已将其安装在我的 vscode 上并进行所有重要设置
我已经在我的 vscode 上安装了 prettier 并为此做了所有设置。但它仍然无法正常工作。 我应用的设置:默认格式化程序更漂亮,保存时格式化。但它仍然无法正常工作。请帮帮我。!!
解决方法
我还不能发表评论,所以这是我最好的答案:
Prettier 主要根据其页面支持这些语言:JavaScript · TypeScript · Flow · JSX · JSON CSS · SCSS · Less HTML · Vue · Angular GraphQL · Markdown · YAML
确保您正在格式化其中一种语言以获得最佳效果。
如果 Editor: Format On Save Mode
设置为 modifications
,那么您可能无法转到现有文件并立即对其进行格式化。
如果这些都没有帮助,我很难过,如果您还没有,我建议您查看 Why Prettier does not format code in VSCODE?
,试试这个: 在设置中搜索“更漂亮的路径”> 选择“在 settings.json 中编辑”并添加以下配置:
{
"editor.minimap.enabled": false,"editor.fontSize": 12,"editor.formatOnSave": true,"editor.tabSize": 2,"liveServer.settings.donotShowInfoMsg": true,"editor.wordWrap": "on","emmet.triggerExpansionOnTab": true,"emmet.showSuggestionsAsSnippets": true,"editor.snippetSuggestions": "top","[javascript]": {
// "editor.defaultFormatter": "esbenp.prettier-vscode","editor.formatOnPaste": true
},"workbench.colorTheme": "Monokai","window.zoomLevel": 0,"editor.columnSelection": false,"explorer.compactFolders": false,"typescript.updateImportsOnFileMove.enabled": "always","javascript.updateImportsOnFileMove.enabled": "always","liveServer.settings.donotVerifyTags": true,"prettier.prettierPath": "/usr/local/lib/node_modules/prettier"
}
确保 prettier 安装在给定的路径:"prettier.prettierPath": "/usr/local/lib/node_modules/prettier"
您也可以通过取消注释代码来使 prettier 成为默认值:"editor.defaultFormatter": "esbenp.prettier-vscode"
它具有我的自定义视觉设置,因此请查看这些设置,然后进行设置,初学者尝试按原样粘贴!
,- 同时按下
shift + alt + f
- 如果它打开选择文件夹然后选择你想要更漂亮的文件夹
- 如果给你 2 个更漂亮的选项或任何其他选项,那么点击更漂亮
或者如果您使用 Javascript and its frameW n libs
然后创建文件 .prettierrc.js
然后添加这些推荐
module.exports = {
trailingComma: "all",tabWidth: 4,singleQuote: "avoid",};
祝你好运
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。