Vscode (VisualStudioCode(VSCode) 는 다양한 프로그래밍 언어와 프레임워크를 지원하는 경량 코드 편집기입니다. Angular 개발을 위해 VSCode 는 개발 효율성을 높이기 위한 유용한 기능과 방법을 제공합니다.
1. Angular 플러그인 설치: VSCode 에서는 Angular 플러그인을 설치하여 더 나은 지원을 받을 수 있습니다. 이 플러그인은 코드 완성, 구문 강조, 템플릿 미리 보기 등의 기능을 제공합니다.
2. TypeScript：Angular 프로젝트는 일반적으로 TypeScript 를 사용하여 개발되고 VSCode 는 TypeScript 를 잘 지원합니다. TypeScript 파일을 자동으로 인식하고 스마트 프롬프트 및 코드 완성을 제공합니다.
3. Angularlanguageservice 사용: angularlanguageservice 는 angular 프로젝트에 대한 지능형 인식 및 탐색 기능을 제공하는 VSCode 확장입니다. 이 확장을 설치하면 VS 코드에서 더 나은 Angular 개발 경험을 얻을 수 있습니다.
4. debuggerforChrome 사용: debuggerforchrome 은 chrome 브라우저에서 Angular 응용 프로그램을 디버그할 수 있는 VSCode 확장입니다. 이 확장을 설치하면 VSCode 에서 중단점을 직접 설정하고 변수 값 등을 볼 수 있습니다.
5. git 사용: git 는 개발자가 코드 변경을 관리하는 데 도움이 되는 버전 관리 시스템입니다. VSCode 에는 코드 제출, 분기 전환 등의 작업을 쉽게 수행할 수 있는 Git 지원이 내장되어 있습니다.
6. liveserver 사용: liveserver 는 로컬에서 실시간 웹 서버를 빠르게 시작하는 VSCode 확장입니다. 이 확장을 설치하면 VS 코드에서 Angular 어플리케이션을 실시간으로 미리 볼 수 있습니다.