Node.js 설치 및 NG(ng 명령어) 사용 가이드

현대 웹 개발에서 프런트엔드 개발자는 Angular 프레임워크(이전의 AngularJS)를 사용하여 동적 UI 구축을 처리하며, NG(ng 명령)는 Angular 시스템이 애플리케이션을 컴파일하고 생성할 수 있도록 하는 명령입니다. 또한 Node.js는 오픈 소스, 크로스 플랫폼 및 효율적인 JavaScript 엔진입니다. 이 기사의 목적은 Node.js 및 NG 명령을 설치하는 방법에 대한 자세한 가이드를 제공하는 것입니다.

Node.js 설치 단계

1 먼저 최신 버전의 Node.js를 다운로드해야 합니다. Node.js 공식 홈페이지(https://nodejs.org/en/)에서 귀하의 시스템에 적합한 최신 버전을 찾으실 수 있습니다. 또한 이 페이지에서는 Node.js와 관련된 추가 정보도 확인할 수 있습니다.

2. 다운로드 프로그램을 선택하세요. 다운로드 페이지에 들어간 후 Windows, Mac 등 해당 다운로드 프로그램을 선택할 수 있습니다.

3. 설치 마법사를 통해 Node.js 설치: 다운로드 후 다운로드한 프로그램의 .exe 파일(또는 .dmg, .pkg 및 기타 파일 형식)을 두 번 클릭한 다음 설치 마법사를 따라 설치합니다. 운영 체제에 대한 프롬프트를 따르면 설치 프로그램이 단계를 안내합니다. 모든 것이 순조롭게 진행되면 설치 프로그램은 단 몇 분 안에 Node.js 설치를 완료합니다.

4. Node.js 설치가 성공했는지 확인합니다. 설치 프로그램이 설치된 후 명령줄 터미널을 열고 "node -v" 명령을 입력하여 설치가 성공했는지 확인합니다. 버전 번호가 올바르게 반환되면 설치 프로세스가 성공한 것입니다.

NG(ng 명령)

1. Angular CLI 설치

명령줄 터미널을 열고 "npm install -g @angular/cli" 명령을 입력하고 Enter 키를 누릅니다. @angular/cli를 컴퓨터에 전체적으로 설치하려면 "npm install -g"를 앞에 붙입니다.

2. Angular CLI가 성공적으로 설치되었는지 확인하세요

명령줄 터미널을 열고 "ng --version" 명령을 입력하고 Enter를 누르세요. AngularCLI 버전 번호가 올바르게 반환되면 성공적으로 설치된 것입니다.

3. Build with NG

명령줄 터미널에 "ng new project-name"을 입력하여 새 Angular 프로젝트를 만듭니다. 여기서 "project-name"은 생성하려는 애플리케이션의 이름을 나타냅니다. 다른 위치에 새 Angular 프로젝트를 생성해야 하는 경우 cd 프로젝트 이름(예: cd new-project)을 입력하여 프로젝트 디렉터리로 들어갑니다.

4. Start NG

프로젝트 디렉터리로 이동하여 "ng Serve"를 입력하고 Enter 키를 눌러 NG를 시작하세요. 이 명령은 localhost에서 개발 서버를 시작합니다. 그런 다음 브라우저에 "http://localhost:4200"을 입력하여 방금 생성한 Angular 블록에 액세스할 수 있습니다.

5. 일반적으로 사용되는 기타 NG 명령

• 새 Angular 구성 요소 생성: "ng generate 구성 요소 구성 요소 이름" 명령을 사용하여 새 Angular 구성 요소를 생성할 수 있습니다. app/comComponent 디렉토리에 우리가 필요로 하는 모든 코드를 포함하는 component-name이라는 새 구성 요소를 자동으로 생성합니다.
• CLI 도구를 사용하여 다른 애플리케이션에 대한 기본 구조 생성: "ng new application-name" 명령은 새로운 Angular 애플리케이션을 생성합니다.
• 단위 테스트 실행: "ng test" 명령은 단위 테스트를 실행하고 테스트 결과를 보고합니다.
• 로컬에서 애플리케이션 컴파일: "ng build" 명령은 애플리케이션을 컴파일하고 컴파일된 모든 파일이 포함된 dist 디렉터리를 생성합니다.

요약

웹 개발의 세계에서 Node.js와 Angular 프레임워크의 중요성은 자명합니다. 이 가이드는 Node.js와 NG를 쉽게 설치하고 사용하는 데 도움이 됩니다. 설치 프로세스에 약간의 변경이 있을 수 있지만 설치 방법은 기본적으로 동일합니다. 이러한 기술을 숙달한 후에도 해당 기술을 더 잘 이해하고 숙달하려면 계속 학습하고 연습해야 합니다.

위 내용은 Node.js 설치 및 NG(ng 명령어) 사용 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!