解决方案

Question

我正在使用VSCode的最新版本（1.29.0）来处理Angular 6项目（当然是打字稿文件）。当我将代码格式化为.ts文件时，“导入”命令下的每个组件都显示在单独的行上（与导入的组件/模块的数量无关，即使只有一个）。

例如：

import {
     Component,
     OnInit,
     Input,
     ViewChild,
     ViewChildren,
     QueryList,
     ElementRef
}
from "@angular/core";

如何禁用该功能，并将所有功能合并为一行？

顺便说一句，下面的代码显示在一行中：

import * as Types from "@cc/my-types";

此外，代码中格式化程序在某些地方定位“;”一个对象定义后的char放在单独的一行中。

例如：

interface myObject {
     prop1: {
          id: number;
          type: number;
          inner: {
               inner_inner: {
                    prop11: number;
                    prop22: number;
               }
          }
     }
     ;
     data: {
          id: string;
          type: string;
          groupId?: string;
          name: string;
          isSelected: boolean;
     }
     ;
}

Answer 1

当我将代码格式化为.ts文件时，“导入”命令下的每个组件都显示在单独的行上

默认情况下，TypeScript和VSCode都不这样做。

解决方案

禁用vscode中的所有扩展，然后逐个启用它们以找到罪魁祸首。然后删除罪魁祸首，或阅读其文档。

最有可能是其vscode-prettier。

VSCode-代码格式化中的行分隔错误方法

1 个答案:

解决方案