如何edit/change WebStorm自动插入的代码片段?

How to edit/change code snippets automatically inserted by WebStorm?

有这个 WebStorm 野兽,我喜欢它,当我 edit/develop 我的 Angular.js 应用程序时它提供了很好的服务,但是自动插入的代码,保护我输入该代码,不是适合由 angular-client.

自动创建的 TSLint 规则

示例:

我创建了一个新模块 (AModule),它应该被另一个模块 (module B) 包含。当我在 BModule 的导入部分输入 AMdule 时,智能感知会为我提供 AModule,然后我按下回车键,模块将被导入。但是,它是这样导入的:

import {AModule} from "./services/AModule/AModule.module";

我想要这个:

import { AModule } from './services/AModule/AModule.module';

到目前为止我还没有找到如何在这些模板中进行更改。我怎样才能做出这样的改变?我搜索了模板,但它们处理 WebStorm 中的其他内容。

你必须调查一下 setting > 搜索 Live template > 找到您要编辑的片段

勾选Es6 import/exports braces"

  • Settings | Code Style | Typescript | Spaces 中,启用 Within / ES6 import/export braces
  • Settings | Code Style | Typescript | Punctuation中,将Use设为

请注意,您可以从 tslint.json 导入代码样式预引用:在编辑器中打开它,并在系统提示应用设置时单击“”。请参见 https://blog.jetbrains.com/webstorm/2017/01/webstorm-2017-1-eap-171-2455/从 tslint.json

导入代码样式