<h2 id="%E6%A6%82%E8%A6%81" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 概要</h2>
<p data-line="1" class="code-line">Reactなどでjavascriptファイルを編集するときに、HTMLタグ補完機能が動かず毎回イライラする＆設定方法を忘れてしまうので、備忘録として投稿します</p>
<h2 id="%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95" data-line="3" class="code-line">
<a class="header-anchor-link" href="#%E8%A8%AD%E5%AE%9A%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 設定方法</h2>
<p data-line="4" class="code-line">今回はJavaScriptファイル編集時にHTMLタグを補完する設定をsetting.jsonに記述します</p>
<div class="code-block-container">
<div class="code-block-filename-container"><span class="code-block-filename">setting.json</span></div>
<pre class="language-javascript"><code class="language-javascript code-line" data-line="6"><span class="token punctuation">{</span>
  <span class="token string-property property">"emmet.includeLanguages"</span><span class="token operator">:</span> <span class="token punctuation">{</span>
    <span class="token string-property property">"javascript"</span><span class="token operator">:</span> <span class="token string">"html"</span>
  <span class="token punctuation">}</span>
<span class="token punctuation">}</span>
</code></pre>
</div><h2 id="%E7%95%99%E6%84%8F%E7%82%B9%E3%81%A8%E6%84%9F%E6%83%B3" data-line="14" class="code-line">
<a class="header-anchor-link" href="#%E7%95%99%E6%84%8F%E7%82%B9%E3%81%A8%E6%84%9F%E6%83%B3" aria-hidden="true"></a> 留意点と感想</h2>
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line">毎回設定方法を忘れることは自分のZennに投稿するとよいことが最近わかりました</li>
<li data-line="16" class="code-line">検索サイトで検索しても拡張機能ばかりで毎回探すのに苦労しました</li>
</ul>


VSCodeでJavaScriptファイル内でHTMLタグをEmmetを使って補完する

概要

設定方法

留意点と感想

Discussion