Edited at

【TSLint】【WebStom】Code Style For TypeScript

More than 1 year has passed since last update.

【TSLint】【WebStom】Code Style For TypeScript


WebStorm、PhpStormで、TypeScript用のCode Styleを探したが、

TSLintに合致するCode Styleが見つからなかったので、公開してみることにしました。

In WebStorm, PhpStorm I looked for Code Style for TypeScript,

I could not find a code style that matched TSLint, so I decided to publish it.




JSCS is a code style linter and formatter for your style guide.


Code Style For TypeScript


Please copy and paste the XML below, please import.

Editor > Code Style > TypeScript > Import Scheme > Intellij IDEA code Styl XML


<code_scheme name="JSCS" version="173">

<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="USE_DOUBLE_QUOTES" value="false" />
<option name="USE_DOUBLE_QUOTES" value="false" />
<option name="FORCE_QUOTE_STYlE" value="true" />
<option name="SPACES_WITHIN_IMPORTS" value="true" />
<option name="SPACES_WITHIN_UNION_TYPES" value="false" />
<option name="SPACES_WITHIN_OBJECT_TYPE_BRACES" value="false" />
<codeStyleSettings language="JavaScript">
<option name="RIGHT_MARGIN" value="100" />
<option name="DOWHILE_BRACE_FORCE" value="3" />
<option name="INDENT_SIZE" value="2" />
<codeStyleSettings language="TypeScript">
<option name="SPACE_WITHIN_PARENTHESES" value="true" />
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />

スクリーンショット 2018-01-31 9.41.05.png

Formatの仕方 / How to code format.

Macの場合であれば、以下コマンドを実行してください。 / In case of Mac, execute the following command.

option + command + L