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

https://www.npmjs.com/package/jscs

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

JSCSは、スタイルガイドのコードスタイルのリンターとフォーマッターのこと。


Code Style For TypeScript

下記、XMLをコピペして、インポートしてください。

Please copy and paste the XML below, please import.

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


JSCS.xml

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

<JSCodeStyleSettings>
<option name="SPACE_BEFORE_FUNCTION_LEFT_PARENTH" value="false" />
<option name="USE_DOUBLE_QUOTES" value="false" />
</JSCodeStyleSettings>
<TypeScriptCodeStyleSettings>
<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" />
</TypeScriptCodeStyleSettings>
<codeStyleSettings language="JavaScript">
<option name="RIGHT_MARGIN" value="100" />
<option name="DOWHILE_BRACE_FORCE" value="3" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
<codeStyleSettings language="TypeScript">
<option name="SPACE_WITHIN_PARENTHESES" value="true" />
<indentOptions>
<option name="INDENT_SIZE" value="2" />
<option name="CONTINUATION_INDENT_SIZE" value="2" />
<option name="TAB_SIZE" value="2" />
</indentOptions>
</codeStyleSettings>
</code_scheme>

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


Formatの仕方 / How to code format.

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

option + command + L