ES7+ React 확장 프로그램 단축키

1. 확장 프로그램 설치

• 설치를 통해 React의 사용이 더욱 편리해진다.
  
  • rce : class componet 생성
  • rafce : allow function component 생성
  • rfce : function component 생성

 

 

2. 단축키

• rfce + enter

import React from 'react'

function rfce() {
  return (
    <div>rfce</div>
  )
}

export default rfce

 

 

• rafce + enter

import React from 'react'

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

export default racfce

 

 

• rce + enter

import React, { Component } from 'react'

export class rce extends Component {
  render() {
    return (
      <div>rce</div>
    )
  }
}

export default rce

 

 

3. 그외 프로그램

• ESLint : 문법 확인
• Auto Rename, Auto Closetag : 자동입력, 태그 변경 등등
• Material Icon Theme : 아이콘 디자인 변경