Question

我正在开发一个关于Visual Studio Code的Angular项目，我在Typescript文件上设置了一个恼人的格式文档设置，它将参数分解为一个新行：

格式化前（alt + shift + f）：

this.opportunityId = this.route.snapshot.paramMap.get('opportunityid');
this.opportunityTermVendorId = this.route.snapshot.paramMap.get('vendorid');
this.opportunityTermVendorAssetId = this.route.snapshot.paramMap.get('assetid');
this.opportunityTermCollateralId = this.route.snapshot.paramMap.get('collateralid');

格式化后（alt + shift + f）：

this.opportunityId = this.route.snapshot.paramMap.get('opportunityid');
this.opportunityTermVendorId = this.route.snapshot.paramMap.get('vendorid');
this.opportunityTermVendorAssetId = this.route.snapshot.paramMap.get(
  'assetid'
);
this.opportunityTermCollateralId = this.route.snapshot.paramMap.get(
  'collateralid'
);

我关闭了自动换行功能，但我仍尝试将其设置为更大的自动换行列值。请参阅我当前的设置覆盖

{
   "git.confirmSync": false,
   "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
   "workbench.iconTheme": "material-icon-theme",
   "editor.formatOnSave": true,
   "prettier.singleQuote": true,
   "editor.wordWrapColumn": 180
 }

Answer 1

根据this

editor.wordWrap：“off” - 行永远不会换行 editor.wordWrap：“on” - 行将以视口宽度换行 editor.wordWrap：“wordWrapColumn” - 行将换行于editor.wordWrapColumn的值。 editor.wordWrap：“bounded” - 行将以视口宽度的最小值和editor.wordWrapColumn的值进行换行。

你应该设置：

"editor.wordWrap": "bounded",
"editor.wordWrapColumn": 180

Answer 2

我发现扩展名为＆＃34; Prettier＆＃34;附带＆＃34; Angular Essentials＆＃34;造成了这个问题。我只需要在设置中添加＆＃34; prettier.printWidth＆＃34;：160。

Answer 3

对我来说"prettier.printWidth": 180没有用，但事实证明最漂亮的版本并没有让人感觉更漂亮＆＃34;在每个财产的开头部分。

所以在.prettierrc我现在有"printWidth": 180解决了这个问题。

Visual Studio Code Typescript避免在新行上使用参数

3 个答案: