【Pycharm】Next.jsで新しくファイルを作る時にパッとテンプレを作成する方法。

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

(VScodeで開発していることが多く、Pycharmの情報が少なかった…)

このテンプレをパッと作れるようになりたい

Pycharmのプラグインをインストールする

「React Snippets」「Tailwind Formatter」をインストール

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

  • React Snippets
  • Tailwind Formatter

作成したファイルに「rsf」を打つ

rsf」と打つと下記のテンプレートを出力できる。(VScodeだと「rafce」??)

「rsf」を打つと候補が出てくる
import React from 'react';

function ContactPage(props) {
    return (
        <div></div>
    );
}

export default ContactPage;

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

https://stackoverflow.com/questions/63239809/webstorm-functional-snippet-react

コメントを残す

*