IDEA에서 Angular를 개발하는 방법에 대한 간략한 분석

이전 글에서는 Angular 개발을 위해 준비해야 할 환경에 대해 알아보았습니다.환경을 설정한 후에는 프로그래밍을 위해 텍스트 도구를 직접 사용할 수 없으며 좋은 IDE가 우리를 만들 수 있습니다. 절반의 노력으로 더 효과적인 개발이 가능합니다. 제가 JetBrains IDEA를 선택한 이유는 주로 제 작업에 여러 편집자가 있었기 때문입니다. IDEA는 Angular 개발을 지원하는 더 나은 IDE입니다.

새 프로젝트

File => New => Project => JavaScript => Angular CLI

다음 단계를 선택한 후 해당 단계에서 프로젝트를 구성할 수 있습니다. 처음부터 이 단계까지 따라오셨다면 IDEA가 노드 인터프리터와 Angular CLI를 모두 자동으로 구성한 것을 알 수 있습니다. 프로젝트 이름만 설정하면 됩니다. [관련 추천 튜토리얼: "Angular 튜토리얼"]

마침을 클릭한 후 빌드가 완료될 때까지 기다립니다. 콘솔에 다음 내용이 출력되면

파일이 작업 디렉터리에 원래 줄 끝을 갖게 된다는

    git을 성공적으로 초기화했습니다.
완료

IDEA에서 프로젝트 실행

1. npm 스크립트 표시

프로젝트 루트 디렉터리에서 pachage.json 파일을 찾아 마우스 오른쪽 버튼을 클릭하고 npm 스크립트 표시를 선택하면 새 창이 나타납니다.

이 창에는 일반적으로 사용되는 몇 가지 명령이 있습니다. 시작 명령은 시작을 두 번 클릭하면 시작이 완료된 후 콘솔에 다음 정보가 출력됩니다

. * Angular Live Development Server는 localhost: 4200에서 수신 대기 중입니다. http://localhost:4200/에서 브라우저를 엽니다. **

√

이제 성공적으로 컴파일되었습니다. http://localhost:4200/

npm의 명령은 실제로 package.json에 정의되어 있으며 명령을 사용자 정의할 수도 있습니다.
package.json의 스크립트 노드 아래에

"node version": "node -v"를

다음 npm 인터페이스를 새로 고치면 새 node version 명령이 추가된 것을 볼 수 있습니다. node -v 명령을 실행합니다.