Changing code autocomplete in WebStorm
<p>WebStorm have specific JSX code autocomplete for React.js. It goes like this:</p>

<pre><code>div. + Tab =&gt; &lt;div className=""&gt;&lt;/div&gt;
</code></pre>

<p>But I'm using SCSS, so I need to change autocomplete from <code>className</code> to <code>styleName</code>:</p>

<pre><code>div. + Tab =&gt; &lt;div styleName=""&gt;&lt;/div&gt;
</code></pre>