Pycharm


<p><strong>PycharmのサイドバーのProject内のフォルダが一部表示されなくなる</strong>事態が起きました。なんとか表示する方法を探して元に戻すことができたのでそのメモです。</p>



<p>（今回はプロジェクト名を変更したタイミングで、一部のフォルダが表示されなくなりました&#8230;）</p>



<h2>消えたフォルダを表示する方法</h2>



<p><strong><code>Preferences...</code>→<code>Project: [PROJECT_NAME]</code>→<code>Project Structure</code>→<code>+ Add Content Root</code></strong>でプロジェクトフォルダを指定することで表示されました。</p>



<h2>まとめ</h2>



<p>プロジェクト名の変更は普段あまりしないと思うのでなかなか起きない問題かと思いますが、もしいつかまた起きたらこの方法を思い出して対処したいと思います。</p>



<p>（今回は慌てすぎて別で新しくプロジェクトを立て直すという手間をかけて対処した後に、この方法に辿り着きました&#8230;もう少し早く見つけたかった。）</p>



<ul class="references">
<li><a href="https://stackoverflow.com/questions/38952539/pycharm-project-files-have-disappeared">PyCharm project files have disappeared &#8211; Stack Overflow</a></li>
</ul>


【Pycharm】プロジェクト内のフォルダが表示されなくなった時の対処法


<p>PyCharmなどのJetBrains IDEで開発していると<code>.idea</code>というフォルダが作成されます。</p>



<p>毎回プロジェクトのファイルを更新するたびに<code>.idea/workspace.xml</code>も一緒に更新されてしまうので、gitignoreするためのメモです。</p>



<h2>.gitignoreの書き方</h2>



<div class="hcb_wrap"><pre class="prism line-numbers lang-git" data-file=".gitignore" data-lang="Git"><code>...

.idea/**/workspace.xml  # 追加</code></pre></div>



<h2>間違えて上げてしまった時の処理</h2>



<p><code>.gitignore</code>ファイルに「.idea/**/workspace.xml」を追記をして、<strong>下記コマンドでgitから.ideaファイルを削除</strong>する。</p>



<div class="hcb_wrap"><pre class="prism line-numbers lang-bash" data-lang="Bash"><code>$ git rm -r --cached .idea</code></pre></div>



<p>あとはpushすればOK。</p>



<ul class="references">
<li><a href="https://qiita.com/aki3061/items/1f668dd0d1bee15b56f0">JetBrains IDE（IntelliJ IDEAなど）を使う時のgitignoreについて</a></li>



<li><a href="https://qiita.com/Suzuki09/items/6cefb4fffeff22c19d4e">間違ってアップロードした.ideaを削除する &#8211; Qiita</a></li>



<li><a href="https://github.com/github/gitignore/blob/main/Global/JetBrains.gitignore">JetBrains.gitignore &#8211; GitHub</a></li>
</ul>


PyCharmを使うと作成される「.idea」をgitignoreする


<p>Next.jsでpages内に新しくファイルを作成する時、ある程度の書かないといけないことは決まっていてそれを毎回書いているのはちょっと面倒くさい。。そこでショートカットで出力できるようにする方法を調べたのでメモしておきます。</p>



<p>（VScodeで開発していることが多く、Pycharmの情報が少なかった&#8230;）</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="640" height="254" src="https://craft-time.jp/wp-content/uploads/2022/03/image-3.png" alt="" class="wp-image-182" srcset="https://craft-time.jp/wp-content/uploads/2022/03/image-3.png 640w, https://craft-time.jp/wp-content/uploads/2022/03/image-3-300x119.png 300w, https://craft-time.jp/wp-content/uploads/2022/03/image-3-304x121.png 304w, https://craft-time.jp/wp-content/uploads/2022/03/image-3-282x112.png 282w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption>このテンプレをパッと作れるようになりたい</figcaption></figure></div>



<h2>Pycharmのプラグインをインストールする</h2>



<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="640" height="472" src="https://craft-time.jp/wp-content/uploads/2022/03/image.png" alt="" class="wp-image-174" srcset="https://craft-time.jp/wp-content/uploads/2022/03/image.png 640w, https://craft-time.jp/wp-content/uploads/2022/03/image-300x221.png 300w, https://craft-time.jp/wp-content/uploads/2022/03/image-290x214.png 290w, https://craft-time.jp/wp-content/uploads/2022/03/image-282x208.png 282w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption>「React Snippets」「Tailwind Formatter」をインストール</figcaption></figure></div>



<p>Pycharmの「Preferences」→「Plugins」で下記2つをインストールしてください。</p>



<ul><li><strong>React Snippets</strong></li><li><strong>Tailwind Formatter</strong></li></ul>



<h2>作成したファイルに「rsf」を打つ</h2>



<p>「<strong>rsf</strong>」と打つと下記のテンプレートを出力できる。（VScodeだと「rafce」??）</p>



<div class="wp-block-image"><figure class="aligncenter size-full"><img decoding="async" loading="lazy" width="640" height="118" src="https://craft-time.jp/wp-content/uploads/2022/03/image-1.png" alt="" class="wp-image-176" srcset="https://craft-time.jp/wp-content/uploads/2022/03/image-1.png 640w, https://craft-time.jp/wp-content/uploads/2022/03/image-1-300x55.png 300w, https://craft-time.jp/wp-content/uploads/2022/03/image-1-304x56.png 304w, https://craft-time.jp/wp-content/uploads/2022/03/image-1-282x52.png 282w" sizes="(max-width: 640px) 100vw, 640px" /><figcaption>「rsf」を打つと候補が出てくる</figcaption></figure></div>



<div class="hcb_wrap"><pre class="prism line-numbers lang-js" data-lang="JavaScript"><code>import React from &#39;react&#39;;

function ContactPage(props) {
    return (
        &lt;div&gt;&lt;/div&gt;
    );
}

export default ContactPage;</code></pre></div>



<p>早く作るためにこういうショートカットは覚えて行きたい。</p>



<p class="references"><a href="https://stackoverflow.com/questions/63239809/webstorm-functional-snippet-react">https://stackoverflow.com/questions/63239809/webstorm-functional-snippet-react</a></p>


「Pycharm」の記事一覧