"추가 도구" -> "확장 프로그램"을 클릭한 다음 "추가 확장 프로그램 가져오기"를 클릭하여 마지막으로 "React 개발자 도구"를 검색합니다. " 플러그인을 설치하고 설치하세요."/> "추가 도구" -> "확장 프로그램"을 클릭한 다음 "추가 확장 프로그램 가져오기"를 클릭하여 마지막으로 "React 개발자 도구"를 검색합니다. " 플러그인을 설치하고 설치하세요.">

 >  기사  >  웹 프론트엔드  >  Google에 반응 플러그인을 설치하는 방법

Google에 반응 플러그인을 설치하는 방법

藏色散人
藏色散人원래의
2020-12-03 10:46:344003검색

Google에서 반응 플러그인을 설치하는 방법: 먼저 Chrome의 "메뉴"->"추가 도구"->"확장 프로그램"을 클릭한 다음 "추가 확장 프로그램 가져오기"를 클릭하여 Google 온라인 스토어를 엽니다. "React Developer Tools" 플러그인을 설치하고 설치하세요.

Google에 반응 플러그인을 설치하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, Chrome76.0&&React 개발자 도구 버전 0.15.4, Dell G3 컴퓨터.

추천: "기본 JavaScript 튜토리얼"

Google Chrome 설치 단계는 다음과 같습니다.

(1) Chrome의 "메뉴" -> "추가 도구" ->

Google에 반응 플러그인을 설치하는 방법

(2) 열리는 "확장 프로그램" 페이지에서 하단의 "추가 확장 프로그램 가져오기"를 클릭하여 Google 온라인 스토어를 엽니다.

Google에 반응 플러그인을 설치하는 방법

(3) 마지막으로 "React Developer Tools"를 검색하여 설치하세요.

Google에 반응 플러그인을 설치하는 방법

(4) 설치 후 확장 프로그램 관리 페이지를 엽니다. React 개발자 도구에서 "파일 URL에 대한 액세스 허용"을 선택하십시오.

Google에 반응 플러그인을 설치하는 방법

React 개발자 도구 소개

React 개발자 도구는 Facebook에서 개발한 유용한 Chrome 브라우저 확장 프로그램입니다.

이를 통해 좀 더 난해한 브라우저 DOM 표현 대신 애플리케이션의 React 구성 요소 계층 구조를 볼 수 있습니다.

참고: 이 플러그인은 ReactJS 개발에만 유효합니다. React Native인 경우 이 플러그인을 사용하여 디버깅할 수 없습니다.

위 내용은 Google에 반응 플러그인을 설치하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.