Visual Studio Code에서 Angular를 설정하는 단계별 가이드

1단계: Visual Studio Code 설치

여기 에서 Visual Studio Code를 다운로드하여 시작하세요.다운로드 후 다운로드 폴더로 이동하여 설치 프로그램을 두 번 클릭하고 화면의 지시에 따라 설치를 완료하세요.

2단계: NodeJS 설치

Angular는 Node. JS를 런타임 환경으로 사용합니다.nodejs.org 로 이동하여 Node. JS 설치 프로그램을 다운로드하세요..와 같이 기억하기 쉬운 위치에 설치하세요 D:\NodeJS.

전문가 팁: NodeJS에 대한 향후 접근을 단순화하려면 짧은 설치 경로를 선택하세요.

3단계: 환경 변수 구성

Node. JS 환경 변수를 설정하는 것은 필수입니다.다음 단계를 따르세요.

• 를 누르고 Win + S“환경 변수”를 입력한 후 엽니다.
• NodeJS 설치 경로를 복사합니다(예: D:\NodeJS ).
• 환경 변수 창에서 시스템 변수 섹션의 경로를 선택하고 편집을 클릭합니다.
• 새 항목을 추가하고 복사한 NodeJS 위치를 붙여넣은 다음 확인을 클릭합니다.

설정이 완료되면 명령 프롬프트에서 변수를 실행하여 테스트하세요 node –version.버전 번호가 반환되면 Angular 설치를 진행하세요.

4단계: Angular CLI 설치

이제 환경이 준비되었으므로 Angular를 설치할 수 있습니다.다음 단계를 따르세요.

• Visual Studio Code를 실행합니다.
• 명령을 사용하여 원하는 프로젝트 디렉토리로 이동합니다 cd.
• npm install -g @angular/cli Angular CLI를 전역적으로 설치합니다.
• .으로 새로운 Angular 프로젝트를 만듭니다 ng new yourProjectName.
• .을 사용하여 프로젝트 폴더에 들어가서 cd yourProjectName 개발 서버를 시작합니다 ng serve.

이제 Angular 앱이 아무 문제 없이 실행되는 것을 볼 수 있습니다.

전문가 팁: ng serve 오류를 방지하려면 명령을 실행하기 전에 프로젝트 디렉토리에 있는지 확인하세요.

Angular CLI란 무엇인가요?

ng serve 명령을 실행할 수 없는 경우에는 어떻게 해야 하나요?