VS Code中更漂亮的代码

时间:2020-06-22 12:50:26

标签: visual-studio-code vscode-settings prettier

因此,我正在使用VS Code,其扩展名为Prettier。问题是,在我点击保存后,我的代码被“优化”了,但也分成了两行,尽管事实上这是一个非常短的行,并且右侧仍然有足够的空间。您能否建议负责此转换的设置是什么?在我看来,我已经检查了所有可用的选项,但不幸的是找不到导致它的任何东西。

enter image description here

2 个答案:

答案 0 :(得分:1)

"prettier.printWidth": "80"

在您的settings.json中或在用户界面中搜索打印宽度设置

增加或减少此设置。这限制了更漂亮的字符数,限制了行数,超过该字符数,它将尝试将其分成更小的字符。

答案 1 :(得分:-1)

在Visual Studio中搜索settings.json。 如果它是Windows计算机,则会在此路径AppData\Roaming\Code\User\settings.json中找到一个json文件。

在文件中添加以下JSON,如果您将"editor.formatOnSave"保留为false,则在保存文件时不会进行格式化。 如果要进行此设置,只需像下面一节中对javascript和HTML所做的那样,将特定属性设置为false

"editor.formatOnSave": false,
  "[handlebars]": {
    "editor.formatOnSave": true
  },
  "[javascript]": {
    "editor.formatOnSave": false
  },
  "[html]": {
    "editor.formatOnSave": false
  },
  "[less]": {
    "editor.formatOnSave": true
  },