비주얼 스튜디오 코드 예제

    이 가이드에서는 TypeScript가 VS 코드 확장을 개발하는 데 가장 적합한 환경을 제공한다고 믿기 때문에 TypeScript를 사용하여 VS 코드 확장을 개발하는 방법을 주로 설명합니다. 그러나 자바 스크립트를 선호하는 경우 helloworld 최소 샘플을 사용하여 따라 갈 수 있습니다. VS 코드에서 각도 응용 프로그램을 열려면 다른 터미널 (또는 명령 프롬프트)를 열고 내 앱 폴더 및 유형 코드로 이동합니다 .: Chrome 확장 README용 디버거에는 소스 맵으로 작업하는 다른 구성에 대한 많은 정보가 있습니다. 문제 해결. 확장 항목을 클릭하고 세부 정보 보기를 열어 확장 보기에서 VS 코드 내에서 직접 검토할 수 있습니다. VS 코드는 기능 외에도 즉시 제공하므로 VS 코드 확장을 설치하여 기능을 강화할 수 있습니다. VS Code의 기본 제공 디버깅 기능을 통해 확장을 쉽게 디버깅할 수 있습니다. 줄 옆의 여백을 클릭하여 중단점을 설정하면 VS 코드가 중단점에 도달합니다. 편집기의 변수 위로 마우스를 가져가거나 왼쪽의 디버그 뷰를 사용하여 변수값을 확인할 수 있습니다. 디버그 콘솔을 사용하면 식을 평가할 수 있습니다.

    TYPEScript 언어 서비스를 통해 VS 코드는 정의로 이동(F12) 또는 픽 정의(Windows Alt+F12, Linux Ctrl+Shift+F10)를 통해 편집기에서 형식 정의 정보를 제공할 수도 있습니다. app.module.ts 파일을 열고 부트스트랩 속성 선언에서 AppComponent 위에 커서를 놓고 마우스 오른쪽 단추로 클릭하고 픽 정의를 선택합니다. app.component.ts에서 AppComponent 정의를 보여주는 엿보기 창이 열립니다. 브라우저의 http://localhost:4200 „앱에 오신 것을 환영합니다!“가 표시됩니다. VS 코드로 응용 프로그램을 보는 동안 웹 서버가 실행 상태로 둡니다. 각 샘플은 하나의 VS 코드 API 사용량 또는 기여 지점을 보여 줍니다. 전체 MEAN(MongoDB, 익스프레스, 각도, Node.js) 스택 예제를 보려면 MEAN를 참조하십시오. Io. 샘플 MEAN 프로젝트에 대한 문서와 응용 프로그램 생성기가 있습니다.

    MongoDB를 설치하고 시작해야 하지만 MEAN 응용 프로그램이 빠르게 실행됩니다. VS 코드는 또한 Azure 코스모스 DB 확장을 통해 훌륭한 MongoDB 지원을 제공합니다. 메인 메뉴에서 보기 > 통합 터미널을 선택하여 비주얼 스튜디오 코드에서 통합 터미널을 엽니다.