VScodeでReactを開発するなら入れておくと便利な拡張

2022年1月22日

以下の拡張を入れると、Reactのテンプレートをショートカットから呼び出すことができます。

例えば rafc と入力してから Tab キーを押すと、以下のテンプレートが自動で作成されます。

import React from 'react';

export const Hoge = () => {
  return <div></div>;
};

ファイルの最後で export default …. としたい場合は、rafce と入力してから Tab キーを押します。

import React from 'react';

const Hoge = () => {
  return <div></div>;
};

export default Hoge;

拡張の名前の通り、ReuxやReact-Nativeにも対応しています。

どのようなスニペットが利用できるかはこちらにリストされています。