如何编辑/更改WebStorm自动插入的代码片段?

时间:2017-08-05 17:05:06

标签: angularjs webstorm

有这个WebStorm野兽,我喜欢它,当我编辑/开发我的Angular.js应用程序时它提供了很好的服务,但是自动插入代码,保护我输入该代码,不适合创建的TSLint规则由angular-client自动完成。

示例:

我创建了一个新模块(AModule),该模块应该包含在另一个模块(module B)中。当我在AMdule的导入部分输入BModule时,intellisense为我提供AModule,然后按Enter键,模块将被导入。但是,它导入了这个:

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

我想要这个:

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

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

3 个答案:

答案 0 :(得分:3)

检查Es6 import/exports braces" enter image description here

答案 1 :(得分:1)

  • 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导入代码样式

答案 2 :(得分:0)

你必须要调查 setting>搜索Live template>找到您要编辑的代码段