WebStorm
TypeScript
TSLint

【TSLint】【WebStom】Code Style For TypeScript

【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