Add support for disabling formatter for a code block

VSCode Version: Code 1.15.0 (8b95971, 2017-08-09T20:16:18.034Z)
OS Version: Windows_NT x64 6.1.7601

This is a feature request. I wanted a way to disable formatter for a block of code based on some sort of annotations. This will be handy for cases that are not yet supported by VSCode formatter. For example, support for dynamic imports were added in v1.14. Before that import() statements were not getting formatted properly.

code based on some sort of annotations

Like what? Can provide a sample? Is this for one specific language? And is this just a workaround for shortcomings of the formatter?

Here is a sample format that could be used. This is not just a workaround for shortcomings. This can be useful for cases where developers want to format a section of code differently.

const generateData = () => {
  const items = [];
  for (let i = 0; i < 100; i++) {
     /* formatter: off */
    const item = {
      id        : i,
      name      : `item${i}`,
      category  : 'some category'
    }
    /* formatter: on */
    items.push(item);
  }
}

JS Beautify has its own set of directives -- https://github.com/beautify-web/js-beautify#directives-to-ignore-or-preserve-sections-javascript-only

This seems JS/TS specific

I've opened microsoft/TypeScript#18261 to track for our built-in JavaScript and TypeScript formatter

Closing as upstream

Navigation Menu

Repository navigation

Add support for disabling formatter for a code block #33772

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Add support for disabling formatter for a code block #33772

Description

Activity

jrieken commented on Sep 4, 2017

varunkumar commented on Sep 4, 2017

varunkumar commented on Sep 4, 2017

jrieken commented on Sep 4, 2017

mjbvz commented on Sep 5, 2017

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions