React Native 기반 개발 툴 - VS Code

1444 단어 ReactNative
VS 코드는 React Native 프로젝트를 위한 개발 환경을 제공하는 확장 개발 플러그인 도구입니다.코드를 디버깅하고 React Native 명령을 빠르게 실행하며 지능적으로 알릴 수 있습니다.아주 간편하고 쓰기 좋아요.
설치하다.
먼저 관련 React Native 개발 환경을 설치하고 개발 환경을 구성했는지 확인해야 합니다.VS 코드를 설치하는 방법은 매우 간단하다.github에 가서 플러그인을 다운로드하고 컴퓨터에 직접 설치하면 된다.플러그인 주소:https://github.com/Microsoft/vscode-react-native
이것은 폴더 열기 기능을 가지고 있으며 React Native 프로젝트의 루트 디렉터리를 찾을 수 있습니다. 폴더 열기 기능을 사용하면 전체 프로젝트 디렉터리를 넣을 수 있습니다.효과는 다음과 같습니다.
디버그 환경
디버그 환경 설치
  • VS 코드의 왼쪽 메뉴에 있는 버튼을 클릭한 다음configure 왼쪽 맨 위에 있는 설정 버튼을 클릭하여 React Native 디버그 환경을 선택합니다.
  • VS 코드는 launch를 생성했다.json 파일, 우리 프로젝트의 기본 설정이 위에 있습니다. 우리는 설정 파일의 내용을 수정할 수 있습니다. 예를 들어: 우리는 target 속성을 수정해서 디버깅의 아날로그를 선택할 수 있습니다.
  • {
        // Use IntelliSense to learn about possible attributes.
        // Hover to view descriptions of existing attributes.
        // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                "name": "Launch Program",
                "program": "${workspaceFolder}/start"
            }
        ]
    }
    

    디버그 대화 열기
    디버그 세션을 시작하려면 구성 드롭다운 목록에서 구성을 선택하고 시작 버튼, 기어 모양 구성 버튼(F5)을 클릭합니다.VS 코드 디버깅 사용에 대한 자세한 내용은 전체 설명서: 주소:https://code.visualstudio.com/docs/editor/debugging
    참고 자료
    VS 코드 설치 및 사용 방법

    좋은 웹페이지 즐겨찾기