如何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
导入代码样式
有这个 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
导入代码样式