AngularJS 환경 구축 단계에 대한 자세한 설명-JS 튜토리얼-php.cn

AngularJS 환경 구축 단계에 대한 자세한 설명

php中世界最好的语言

풀어 주다： 2018-04-16 14:06:07

원래의

1408명이 탐색했습니다.

이번에는 AngularJS 환경 구축 단계에 대해 자세히 설명하겠습니다. AngularJS 환경 구축 시 주의 사항은 무엇인가요?

AngularJS란 무엇인가요?

AngularJS는 오픈 소스 웹 애플리케이션 프레임워크입니다. 원래 MISKO Hevery와 Adam Abrons가 2009년에 개발했습니다. 이제 Google

에서 관리합니다. AngularJS기능

AngularJS는 RIA(Rich Internet Application)를 생성하기 위한 강력한 JavaScript 기반 개발 프레임워크입니다.

AngulajJS는 개발자에게 깔끔한 MVC(모델-뷰-컨트롤러) 방식으로 클라이언트 애플리케이션을 작성할 수 있는 옵션(JavaScript 사용)을 제공합니다.

AngularJS로 작성된 애플리케이션은 브라우저 간 호환됩니다. AngularJS는 JavaScript 코드를 사용하여 각 브라우저에 대한 적응을 자동으로 처리합니다.

AngularJS는 완전 무료인 오픈 소스이며 전 세계 수천 명의 개발자가 개발하고 유지 관리합니다. Apache License 버전 2.0으로 출시되었습니다.

전반적으로 AngularJS는 대규모 고성능 웹 애플리케이션을 구축하는 동시에 유지 관리를 쉽게 하기 위한 프레임워크입니다.

1. Angular-cli의 기능에 대한 간략한 소개는 다음과 같습니다.

Angular-cli는 프레임워크를 신속하게 구축하고 모듈, 서비스, 클래스, 지시문 등을 생성할 수 있습니다.

코드 분리, 주문형 로딩 등을 실현할 수 있는 webpack 기능이 있습니다

자동으로 개발 환경 , 테스트 환경 및 프로덕션 환경을 구성하여 코드 패키징, 압축 및 핫 배포는 물론 모듈 테스트 및 엔드투엔드 테스트

를 실현할 수 있습니다. Angular-cli는 접미사를 통해 sass 및 less의 사전 컴파일을 자동으로 식별할 수 있습니다. Angular-cli는 생성 시 TypeScript를 구성할 수 있으며 일부 개인화된 구성도 만들 수 있습니다. Angular-cli를 통해 생성된 프로젝트 구조는 모범 사례이며 프로덕션 환경에서 사용할 수 있습니다.

2. nodejs를 설치하세요

AngularJS에는 Nodejs가 필요하므로 먼저 nodejs를 설치하고 nodejs를 사용해야 합니다. nodejs 다운로드 주소는 https://nodejs.org/en/download/, 3. npm 및 cnpm

을 설치합니다. 다음 단계는 npm을 설치하는 것입니다. NPM은 NodeJS와 함께 설치되는 패키지 관리 도구로 NodeJS 코드 배포의 많은 문제를 해결할 수 있습니다. 사용자가 로컬 사용을 위해 NPM 서버에서 다른 사람이 작성한 타사 패키지를 다운로드할 수 있도록 허용합니다.

사용자가 로컬 사용을 위해 NPM 서버에서 다른 사람이 작성한 명령줄 프로그램을 다운로드하고 설치할 수 있습니다.

사용자가 다른 사람이 사용할 수 있도록 NPM 서버에 작성한 패키지나 명령줄 프로그램을 업로드할 수 있습니다.

여기서 nodejs와 npm 설치는 완료했지만, Datianchao에서 npm을 사용하여 설치하면 몇 가지 문제가 생길 수 있으므로 npm의 패키지이기도 한 cnpm을 사용하여 설치합니다.

cnpm을 설치하고

명령을 실행하세요. npm i -g cnpm

이 명령을 실행한 후 완료될 때까지 기다린 후 cnpm version을 입력하여 설치가 완료되었는지 확인합니다. 여기서는 이미 설치해두었으니 들어가시면 됩니다.

cnpm을 설치한 후 Angular-cli 설치를 시작합니다.

명령 실행 npm i -g cnpm

执行这个命令之后，等待完成，然后输入cnpm version查看是否安装完成，这里我已经安装过了，所以可以进去了。

安装完成cnpm之后，我们开始安装Angular-cli。

执行命令

cnpm i -g angular-cli