【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>
Formatの仕方 / How to code format.
Macの場合であれば、以下コマンドを実行してください。 / In case of Mac, execute the following command.
option + command + L