不使用 JavaScript 和 CSS 更漂亮

Posted 2023-02-22

【中文标题】不使用 JavaScript 和 CSS 更漂亮

【英文标题】：prettier not working with JavaScript and CSS

【发布时间】：2021-06-09 11:52:19

【问题描述】：

我在我的代码中安装了 prettier，但它在我的 javascript 和 CSS 中不起作用。我还将默认格式化程序设置为更漂亮。但什么也没发生。请告诉我发生了什么事

【参考方案1】：

尝试在 settings.json 中添加它

"editor.defaultFormatter": "esbenp.prettier-vscode",
"[javascript]": 
"editor.defaultFormatter": "esbenp.prettier-vscode"

【讨论】：

什么都没发生

请检查此项，仅将 javascript 设置为 false："[javascript]": "editor.formatOnSave": false 并将自动保存配置值设置为 true "editor.formatOnSave":true

【参考方案2】：

这是我所做的： 在设置中搜索“更漂亮的路径”> 选择“在 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.formatOnSave": true,
    "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"

它有我的自定义视觉设置，所以请查看这些设置，然后设置，对于初学者，请尝试按原样粘贴！