angular를 개발하기 위한 환경 설정하기
Windows에서 NVM 설치하기
NVM은 여러 버전의 node.js를 설치해서 특정 버전을 사용 할 수 있도록 해줍니다.
NVM for Windows 다운로드:
- NVM for Windows의 GitHub 페이지로 이동하여 최신 릴리스를 다운로드합니다. 일반적으로
nvm-setup.exe
파일을 다운로드합니다.
- NVM for Windows의 GitHub 페이지로 이동하여 최신 릴리스를 다운로드합니다. 일반적으로
설치 프로그램 실행:
- 다운로드한
nvm-setup.exe
파일을 실행하여 설치 마법사를 따릅니다. 설치 경로와 기타 옵션을 설정할 수 있습니다.
- 다운로드한
NVM 사용:
- 설치가 완료되면, 명령 프롬프트나 PowerShell을 열고
nvm
명령을 입력하여 설치가 제대로 되었는지 확인합니다. 예를 들어,nvm version
을 입력하여 설치된 NVM의 버전을 확인할 수 있습니다.
- 설치가 완료되면, 명령 프롬프트나 PowerShell을 열고
Node.js 설치:
- 원하는 버전의 Node.js를 설치하기 위해
nvm install <버전>
명령을 사용합니다. 예를 들어,nvm install 14.17.0
을 입력하면 해당 버전의 Node.js가 설치됩니다. - 설치한 버전을 사용하려면,
nvm use <버전>
명령을 입력합니다.
- 원하는 버전의 Node.js를 설치하기 위해
Angular CLI
Angular 애플리케이션을 쉽게 생성, 관리, 테스트 및 배포할 수 있도록 Angular CLI를 설치합니다.
angular버전별 사용 가능한 nodejs 버전이 있는데 이 부분을 꼭 확인하고 설치를 하셔야 나중에 오류 없이 잘 실행이 됩니다.
Angular 버전과 호환되는 NodeJs버전 : Angular - Version compatibility
1. Angular CLI 설치
1) npm install -g @angular/cli@17.1.0
2) 설치가 완료된 후 ng version을 입력해서 Angular CLI 버전을 확인 할 수 있습니다.
Vs Code에 angular extensions 설치하기
1. Angular Language Service 설치