리액트 수행시 visual studio 확장팩 리스트

 

● 간단한 명령어로 코드 작성

ES7+ React/Redux/React-Native snippets

- rafce 하면 자동으로 import와 export가 생성

- rcc 하면 밑의 코드가 자동 생성됨

import React, { Component } from 'react'

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

 

- useStateSnippet : 자동으로 코드구조가 완성되어 나타남

 

● 자동 import

Auto Import - ES6, TS, JSX, TSX

 

● 다음에 뭐 입력될지 예상

Tabnine: AI Chat & Autocomplete for JavaScri

 

● is not defined일 경우이거나 올바르지 않은 문법같은 곳에 에러를 띄워줌

ESLint

 

●

●

 

●

●

●