개발자를위한 유용한 AngularJS 도구 15 가지
발끝을 각도에 담그는 것을 생각하십니까? AngularJS 게시물을 배우기위한 10 가지 최고의 튜토리얼을 살펴보고 Angular와 함께 놀고 싶다면 올바른 게시물을 작성하십시오. 우리는 여기에 몇 가지 있습니다. 개발 워크 플로를 간소화 할 수있는 도구.
우리는 최고의 IDE, 텍스트 편집기, 테스트 및 디버깅을위한 툴, 모듈 과 개발 도구 및 앱 각도로 건물. 좋아하는 도구 나 앱을 가지고 있다면 아래 의견에 나와있는 도구 나 앱을 공유하십시오..
IDE 및 텍스트 편집기
프로그래밍 세계에는 두 가지 유형의 편집기가 있습니다. 모든 기능을 갖춘 통합 개발 환경 (IDE) 및 경량 텍스트 편집기. 둘 다 더 빠른 개발 워크 플로우를 허용합니다. 아래에 나열된 IDE 및 텍스트 편집기는 Angular 개발 속도를 높이는 데 도움이되는 도구입니다. Angular 환경에서 쉽게 구성 할 수 있습니다..
WebStorm
WebStorm은 Javascript뿐만 아니라 HTML 및 CSS에 적합합니다. 그것에는 빈번한 리프레시가 필요없이 브라우저에서 코딩 결과를 볼 수있는 멋진 라이브 에디터가 있습니다. 기본적으로 앵글 스크립트를 프로젝트에 먼저 포함해야하지만 최신 버전에는 AngularJS 플러그인 번들이 있습니다. 자세한 내용은 WebStorm 블로그 게시물을 참조하십시오..
앱 타나
Aptana는 Javascript, HTML, CSS 및 기타 웹 기능에 중점을 둔 Eclipse의 사용자 정의 버전 인 무료 오픈 소스 IDE입니다. Angular 지원을 위해 Aptana를 확장하려면 AngularJS Eclipse 확장을 설치해야합니다. 이클립스 마켓 플레이스.
숭고한 텍스트
가장 인기있는 텍스트 편집기 중 하나 인 숭고한 텍스트는 모든 종류의 프로그래밍 환경에 적응할 수있는 커스터마이징이 가능하기 때문에 많은 사람들에게 사랑 받고 있습니다. 또한 빠르며 사용자 정의 가능한 코드 스 니펫을 지원하며 AngularJS 패키지를 포함한 많은 패키지가있어 Angular로 작업 할 수 있습니다. Dan Wahlin의 훌륭한 글이 여기 있습니다..
숭고한 본문에 더 많은 것 :
- 필수 18 부언하는 텍스트 플러그인
- 가장 많이 빌린 흉측 한 텍스트 팁과 요령
- 숭고한 텍스트에 파일 경로를 삽입하는 방법
- 하위 텍스트가 포함 된 로컬 호스트 프로젝트의 빠른 미리보기
- 하위 텍스트로 노트 및 목록 관리
- 하위 텍스트로 CSS 공급 업체 접두어 추가
테스트 및 디버깅 도구
테스트 및 디버깅 특히 Angular와 같은 환경에서 개발 프로세스의 중요한 부분입니다. 애플리케이션을 테스트하고 디버그하는 데 도움이되는 몇 가지 도구가 있습니다..
업
갈마는 Angular 용으로 만들어진 훌륭한 테스트 주자이지만 다른 자바 스크립트 프레임 워크와 함께 사용할 수도 있습니다. 모든 유형의 테스트를 지원합니다. 단위 테스트, 중간 테스트 과 E2E 테스트. Karma는 구성 파일에 나열된 브라우저를 열어 작동합니다. 그런 다음 socket.io를 사용하여 활성 브라우저와 통신하고 테스트 실행 여부를 묻습니다.
재스민 속
Jasmine은 BDD (Behavior-Driven Development)에 사용되지만 약간의 사용자 정의를 통해 TDD (Test-Driven Development)에 사용할 수 있습니다. 일반적으로 카르마 : 카르마를 테스트 주자로, 재스민을 테스트 프레임 워크로 사용합니다. Jasmine은 자동으로 모든 Javascript 클래스와 함수를 검사하고 처리되지 않은 코드를 알려줍니다. 단점은 테스트가 수행 한 환경 (브라우저)을 알지 못합니다., 카르마는 이러한 단점을 보완한다..
모차르트
Jasmine과 비교했을 때, MochaJS 더 유연하다 그러나 재스민은 올인원 패키지로 제공됩니다.. MochaJS를 사용하여 스파이 프레임 워크를 사용하려면 sinon.js와 같은 적절한 라이브러리를 사용하여 Mocha를 설정해야합니다. 그리고 Assertion 프레임 워크가 필요하다면, Mocha는 Chai와 같은 프레임 워크로 구성되어야합니다..
길게 끄는 것
각도기는 아마 가장 강력한 자동 끝으로 종료 (e2e) 각 측정 도구. Angular 팀이 개발 한 각도기는 오늘날 사용할 수있는 몇 가지 훌륭한 기술을 결합하여 제작되었습니다. NodeJS, 셀렌, webDriver, 모카, 오이 과 재스민 속.
각반 바랑 랑
게다가 길게 끄는 것, Angular 팀에서 개발 한 또 다른 훌륭한 도구는 Angular Batarang입니다.. 바 밤 Angular 응용 프로그램을 디버깅하기위한 Chrome 확장 프로그램입니다. 앱을 살펴본 후 Batarang은 모델, 성능 및 종속성 디버깅 결과는 세 가지 탭에서 나타납니다. 또한 검사를 제어하고 검사를 표시할지 여부를 결정할 수 있습니다. 응용 프로그램, 바인딩 또는 범위.
수사관
ng-inspector는 Chrome 및 Safari에서 지원되는 브라우저 확장 프로그램입니다. DevTools에 나타나는 Batarang과 달리 ng-inspector는 사이드 패널 디스플레이를 대신 사용합니다. 범위 위로 마우스를 이동하면 DOM 요소를 검사하고 강조 표시 할 수 있습니다. 범위와 모델이 실시간으로 업데이트 된 것을 볼 수도 있습니다..
모듈
Angular 모듈을 찾는 가장 좋은 장소는 ngmodules.org입니다. 그러나 빠른 개요가 필요한 경우 아래에 우리가 수집 한 좋은 자료 목록이 있습니다..
AngularUI
AngularUI는 AngularJS로 작성된 UI 구성 요소 모음입니다. 이 유틸리티 지시어는 Angular 응용 프로그램을보다 빠르게 작성하는 데 도움이됩니다. 위젯 대신 AngularUI는 다음과 같은 원시 지시어를 사용합니다. UI 라우터
, UI 맵
, 사용자 캘린더
당신이 가장 좋아할 것 같은 지시어는 기본적으로 UI-Bootstrap입니다. 트위터 부트 스트랩 각도 만들기. 시작하려면 깨끗하고 멋진 설명서 페이지를 확인하십시오..
ng-Table - 정렬 및 필터링 표
웹 응용 프로그램에서 정렬 및 필터링 할 수있는 테이블이 필요하면 ngTable이 원하는 도구입니다. 또한 가변 행 높이 및 훌륭한 페이지 매김 기능을 지원합니다..
초승달 모양의
Angular를 사용하면 작업에 어려움을 겪을 수 있습니다. $ 자원
과 $ http
나머지 API를 만들기위한 것입니다. Restangular는 도움을줍니다. 데이터 요청 받기, 삭제, 업데이트 및 게시를보다 쉽게 사용할 수 있습니다.. Restangular를 다음과 같이 설정하는 일부 기능 $ 자원
HTTP 메소드 지원, 자체 연결 요소, 사용법 등을 약속합니다. Plunkr의 라이브 데모에서 자세한 내용을 확인하십시오..
Angular Gettext
Angular-Gettext는 매우 쉬운 지역화를위한 뛰어난 Angular 모듈입니다. 주요 기능은 추가하는 것만 큼 쉽게 웹 앱을 번역 할 수 있다는 것입니다. 속성
. 그것은 당신이 당신의 앱 개발에 집중하고 모든 번역을 Angular-Gettext.
도구 및 앱
마지막으로 여기에 남겨 두겠습니다. 이 도구는 각도 개발 프로세스를보다 쉽고 원활하게 만들 수있는 더 많은 도구 및 응용 프로그램 목록입니다. Angular를 받기 시작한 사람들과 잘 작동합니다..
발전기 각도
Yeoman은 Generator Angular라는 코드 생성기를 가지고 있습니다. 이 도구를 사용하면 터미널 명령 쌍만으로 각도 개발 속도를 높일 수 있습니다. 자동으로 개발 서버, 유닛 및 프레임 워크 테스트,보기, 지시문 등을 생성 할 수 있습니다..
ngDocs - 각도 JS 참조
ngDocs는 AngularJS 설명서 및 참조 문서를 제공하는 안드로이드 응용 프로그램입니다. Angular를 처음 사용하는 경우 기본 자습서도 제공됩니다. 표시하려는 개발자 가이드 및 오류 참조와 같은 추가 기능이 있습니다. Android 기기에서 각도에 관계없이 어디서나 데리러보세요..