Visual Studio Code Typescript avoid parameters on new line

Question

I'm working on a Angular project on Visual Studio Code and I getting one annoying format document setting on Typescript files where it breaks parameters to a new line:

Before formatting (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');

After formatting (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'
);

I have word wrap turned off but I still tried to set it to a bigger word wrap column value. See my current settings override

{
   "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
 }

inspirationCloud · Accepted Answer · 2017-12-12 19:52:11Z

6

For me "prettier.printWidth": 180 didn't work, but it turns out the latest version of prettier doesn't have the "prettier" part at the beginning of each property.

So in .prettierrc I now have "printWidth": 180 which fixed this issue.

answered Dec 12, 2017 at 19:52

inspirationCloud

3512 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vega · Accepted Answer · 2017-11-09 20:38:26Z

2

According to this

editor.wordWrap: "off" - Lines will never wrap.
editor.wordWrap: "on" - Lines will wrap at viewport width.
editor.wordWrap: "wordWrapColumn" - Lines will wrap at the value of editor.wordWrapColumn. editor.wordWrap: "bounded" - Lines will wrap at the minimum of viewport width and the value of editor.wordWrapColumn.

you should set:

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

edited Nov 9, 2017 at 20:38

answered Oct 25, 2017 at 20:34

Vega

28.8k28 gold badges121 silver badges151 bronze badges

2 Comments

Leonardo Tanoue Over a year ago

Hi thank you for the help, after messing around a little more I figured out that the extension called "Prettier" that comes with "Angular Essentials" was causing the issue. I just had to add "prettier.printWidth": 160

Vitalii Vasylenko Over a year ago

Not working for me as of the current version. By default, its set to off - and still i see the same behavior. Even after i override dafult behavior with the settings you provided - i still see the same weird new lines after formatting. If you have updated info - please, take a look at stackoverflow.com/questions/47209641/…

Leonardo Tanoue · Accepted Answer · 2017-10-26 17:21:40Z

0

I figured out that the extension called "Prettier" that comes with "Angular Essentials" was causing the issue. I just had to add "prettier.printWidth": 160 to the settings.

answered Oct 26, 2017 at 17:21

Leonardo Tanoue

2612 gold badges5 silver badges16 bronze badges

1 Comment

Vitalii Vasylenko Over a year ago

I've end up with the same. However, placing "prettier.printWidth": 160 to the settings give no effect on the behavior.

Collectives™ on Stack Overflow

Visual Studio Code Typescript avoid parameters on new line

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related