VSCode

コマンド(Mac)

ターミナルを開く・・・command + j

ターミナルからプロジェクトを開く・・・code .

ターミナルからファイルへ戻る・・・command + shift + e

ファイル名検索・・・command + p

拡張機能

tab補完・・・ES7+ React/Redux/React-Native snippets

rafceと打ち、reactArrowFunctionComponetを選択すると、

import React from 'react'

const test = () => {
  return (
    <div>
      
    </div>
  )
}

export default test

という雛形を自動で書いてくれます。

タグ名を自動補完・・・Auto Rename Tag

閉じタグを自動補完・・・Auto Close Tag

また随時追加していきます。

next.jsを使用したreact開発環境についての記事はこちら