동적 앱을 만들기 위해 자유롭게 액세스할 수 있는 JavaScript 플랫폼을 Angular.js라고 합니다. 이를 통해 템플릿 언어로 사용될 때 HTML 구문을 확장하여 애플리케이션의 각 측면을 빠르고 명확하게 표현할 수 있습니다. 코드 작성, 업데이트 및 테스트를 위한 도구 세트를 제공합니다. 라우팅 및 양식 관리를 포함한 다양한 기능을 제공합니다. 이 가이드에서는 Node.js 설치를 통해 Ubuntu 24에 Angular를 설치하는 방법에 대해 설명합니다.
시스템 업데이트 및 업그레이드
설치를 진행하기 전, 먼저 시스템 업데이트를 진행해보겠습니다. Ubuntu 24 시스템은 곧 아무런 문제 없이 새로 설치해야 적용되기 때문에 업데이트가 필요합니다. 따라서 우리는 'apt' 유틸리티의 도움으로 실행되는 단일 명령 내에서 업데이트 및 업그레이드 명령을 활용합니다.
Sudo 적절한 업데이트 && sudo 적절한 업그레이드
이 명령을 실행한 후 시스템은 설정된 공간을 업그레이드 및 업데이트 프로세스에 할당하고 'y' 또는 'n'을 눌러 확인하라는 메시지를 표시합니다. 따라서 다음과 같이 이 업데이트 프로세스를 완료하려면 'y'를 눌러야 합니다. 잠시 후 시스템이 성공적으로 업데이트되고 업그레이드됩니다.
종속성 설치
Angular와 Node.js의 설치는 다른 유틸리티에도 의존합니다. 이러한 종속성에는 git, wget, 컬 등이 포함됩니다. 따라서 이러한 종속성을 미리 설치해야 합니다. 이러한 종속성을 설치하려면 명령 셸에서 동일한 'apt' 유틸리티를 사용하고 모든 종속성이 성공적으로 설치될 때까지 기다립니다.
sudo 아파트 설치하다 컬 gnupg2 gnupg 자식 wget -그리고
Node.js 설치
Angular 애플리케이션은 기본 요구 사항인 Node.js 없이는 작동할 수 없습니다. 따라서 Ubuntu 24에 Angular를 설치하기 전에 Node.js를 설치해야 합니다. 또한 Node.js를 설치하려면 NVM 명령줄 유틸리티가 필요합니다. 따라서 공식 Github 저장소에서 먼저 NVM 유틸리티를 설치하기 위해 터미널 쉘의 'curl' 유틸리티를 사용합니다. 이 명령을 실행한 후 NVM 유틸리티가 다운로드되어 설치되었음을 확인할 수 있습니다.
Sudo 컬 https: // raw.githubusercontent.com / 창조 / NVM / 주인 / install.sh | 세게 때리다
이제 Ubuntu 24 Linux 시스템에서 NVM 환경을 활성화하는 것도 필요합니다. 그래서 시스템이 새로 설치된 NVM 유틸리티의 효과를 얻고 환경을 설정할 수 있도록 소스 명령을 사용하여 “bashrc” 파일을 실행합니다.
출처 ~ / .bashrc
환경을 생성한 후 Ubuntu 24 시스템은 모두 Node.js를 설치하도록 설정됩니다. 이를 위해 터미널 셸에서 사용되는 설치 지침 내에서 새로 설치된 'nvm' 유틸리티를 사용합니다. 이 지침을 사용하여 Ubuntu 시스템에 최신 버전의 Node.js 18을 설치합니다. 또한 NVM 도구는 Node.js와 함께 노드 패키지 관리자를 설치합니다. 처리는 공식 웹사이트에서 노드 버전 18.19.1을 다운로드하고 설치하는 것으로 시작됩니다. 그런 다음 체크섬을 계산하고 기본 별칭을 만듭니다.
Nvm 설치하다 18
Node.js를 성공적으로 설치한 후에는 Node.js가 시스템에 설치 및 마운트되었는지 확인해야 합니다. 이를 위해서는 'node' 키워드로 시작하는 'version' 명령을 사용하여 설치된 버전을 확인해야 합니다. 또한 이전 NVM 설치 지침에서는 Node.js와 함께 NPM(Node Package Manager)을 설치했습니다. 그러므로 우리는 NPM 버전도 찾아보아야 합니다. 두 명령의 출력에는 다음 첨부 이미지에 설명된 대로 버전이 표시됩니다.
마디 -안에NPM -안에
각도 CLI 설치
이제 NPM 및 Node.js를 포함한 모든 종속성을 설치한 후 Angular 명령줄 인터페이스를 설치하기 위한 마지막 단계를 수행할 시간입니다. 이를 위해 Ubuntu 24의 터미널 셸 내에서 NPM(노드 패키지 관리자)을 사용합니다.
이 설치 지침을 실행하려면 sudo 권한을 사용할 수 있습니다. 이 명령에는 Angular CLI의 공식 패키지에 대한 링크가 포함되어 있습니다. '-location' 플래그는 현재 플랫폼의 모든 사용자가 액세스할 수 있는 Ubuntu 24 시스템에 대한 전역 수준에서 Angular CLI를 추가하도록 설정됩니다.
NPM 설치하다 @ 모난 / CLI – 위치 =글로벌
Angular CLI 처리가 완료될 때까지 잠시 기다려 주시면 도움이 될 것입니다. 일부 처리 후 Angular CLI 패키지가 추가되고 성공적으로 설치됩니다. 그 대가로 터미널 화면에 2분 만에 232개의 패키지가 추가된 다음과 같은 출력이 표시됩니다.
이제 Angular CLI의 설치를 검증할 차례입니다. Angular CLI에서 명령을 수행하는 데 도움이 되는 'ng' 명령이 함께 제공됩니다. 그럼, 설치된 “ng” 명령의 버전을 찾아보겠습니다. 이 버전 명령 실행에 대한 몇 가지 질문에 대답하면 Angular, Node, NPM 및 OS 버전에 관한 정보도 포함된 다음 출력을 얻게 됩니다. 마지막에는 패키지 및 설치된 버전에 관한 정보도 표시됩니다.
버전의
각도 애플리케이션 만들기
이제 Angular CLI를 사용하여 Ubuntu 24에서 새로운 Angular 애플리케이션을 생성할 차례입니다. 'ng' 명령을 활용하여 Angular CLI 버전을 확인했던 것처럼, 이를 사용하여 'test'라는 새 애플리케이션을 생성할 것입니다. '새로운' 키워드. 실행은 몇 가지 질문과 함께 이루어집니다. 귀하의 기본 설정에 따라 이러한 질문에 대답하면 도움이 될 것이며 새 응용 프로그램의 패키지가 성공적으로 설치될 것입니다.
새로운 것의 시험
잠시 후 'test'라는 새로운 Angular 애플리케이션이 생성됩니다. 다음 첨부된 출력에 표시된 대로 새 '테스트' 디렉터리가 작업 디렉터리에 생성됩니다.
'테스트' Angular 애플리케이션을 만든 후에는 이를 실행해야 합니다. 이를 위해 'test' 디렉터리 내로 이동하고 'ng' 유틸리티를 사용하여 'serve' 명령을 실행합니다.
CD 시험서브의
또한 동일한 명령을 사용하여 호스트를 0.0.0.0으로 설정하여 모든 시스템 인터페이스에 대해 포트 4200을 설정할 수 있습니다.
서버 –host 0.0.0.0 –port 4200
결론
이 가이드는 Angular 환경을 활용하여 애플리케이션을 만드는 방법을 보여줍니다. 이러한 아이디어를 뒷받침하여 Node.js와 NPM을 설치하고 구성한 후 Ubuntu 24에 Angular를 설치하는 방법을 시연했습니다. 마지막으로 Angular CLI를 활용하여 Ubuntu 24에서 Angular 애플리케이션을 생성하는 방법을 자세히 설명했습니다.