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

Question

There is this WebStorm beast, I like it, and it provides good services when I edit/develop my Angular.js application, but the code inserted automatically, protecting me to enter that code, is not fit for TSLint rules created also automatically by angular-client.

Example:

I created a new module (AModule) which should be included by another module (module B). When I enter AMdule in the import section of BModule then the intellisense offers me AModule and I hit enter and the module will be imported. But, it is imported this:

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

And I want this:

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

I haven't found so far how can I make changes in these templates. How can I make changes like this? I searched for templates but they deal with something else in WebStorm.

You just need to change the Code Style settings for TypeScript, then it will generate code to match: jetbrains.com/help/webstorm/code-style-typescript.html — jonrsharpe
– jonrsharpe, Commented Aug 5, 2017 at 17:13

aristotll · Accepted Answer · 2017-08-05 17:13:45Z

3

Check Es6 import/exports braces"

answered Aug 5, 2017 at 17:13

aristotll

9,2666 gold badges35 silver badges54 bronze badges

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

Comments

lena · Accepted Answer · 2017-08-07 14:21:40Z

1

in Settings | Code Style | Typescript | Spaces, enable Within / ES6 import/export braces
in Settings | Code Style | Typescript | Punctuation, set Use to single

Note that you can import code style prerefences from your tslint.json : open it in editor and click 'Yes' when prompted to apply settings. See https://blog.jetbrains.com/webstorm/2017/01/webstorm-2017-1-eap-171-2455/, Import code style from tslint.json

answered Aug 7, 2017 at 14:21

lena

94.4k11 gold badges155 silver badges160 bronze badges

Comments

sheplu · Accepted Answer · 2017-08-05 17:08:20Z

0

you have to look into setting > search for Live template > find the snippet you want to edit

answered Aug 5, 2017 at 17:08

sheplu

2,9853 gold badges26 silver badges21 bronze badges

1 Comment

anstarovoyt Over a year ago

autoimports don't use live templates

Collectives™ on Stack Overflow

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

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related