이온 설치
: 최신 버전 이온 주소 다운로드 http://ionicframework.com/docs/overview/#download를 .
압축 아카이브를 다운로드 한 후 다음 디렉토리를 포함합니다 :
css/ => 样式文件 fonts/ => 字体文件 js/ => Javascript文件 version.json => 版本更新说明
당신은 또한 Github에서의 다음 리소스 파일을 다운로드 할 수 있습니다 https://github.com/driftyco/ionic (릴리스 디렉토리를).
다음으로, 우리는 이온 성 응용 프로그램을 작성하는 프로젝트에 위의 디렉토리 CSS / ionic.min.css 및 JS / ionic.bundle.min.js 파일을 도입 할 필요가있다.
예
»시도
온라인 인스턴스를 볼 수 있습니다 "시도"버튼을 클릭하십시오.
이 튜토리얼은 이온 성 프레임 워크의 적용을 설명에 초점을 맞추고, 모바일 기기에서 브라우저에서 실행중인 인스턴스의 대부분에 대한 자세한 내용을 보려면 다음 명령 줄 설치 자습서를 실행할 수 있습니다.
참고 사항 : 폰갭으로 모바일 애플리케이션에서 우리는 해당 JS 및 CSS 파일이 저장소에 추가 할 수 있어야합니다.
명령 줄 설치
먼저 설치해야 Node.js를을 , 우리는 NPM 설치에 다음 도구를 사용해야합니다, 당신은 NPM이 우리의 소개 더 볼 수 있습니다 NPM 사용 프리젠 테이션을 .
그리고 다음을 통해 명령 줄 도구 코르도바 및 이온의 최신 버전을 설치합니다. 받는 사람 기준으로 안드로이드 와 iOS의 공식 문서를 설치합니다.
윈도우와 리눅스는 다음 명령을 수행 할 수있는 명령 줄 도구를 엽니 다
$ npm install -g cordova ionic
맥에서 다음 명령을 사용합니다 :
sudo npm install -g cordova ionic
팁 : IOS는 설치 후 맥 OS X의 엑스 코드 환경을 필요로한다.
이미 환경 이상을 설치 한 경우 버전을 업데이트하려면 다음 명령을 실행할 수 있습니다 :
npm update -g cordova ionic
또는
sudo npm update -g cordova ionic
응용 프로그램 만들기
준비가 만든 응용 프로그램 템플릿은 이온 공식 빈 프로젝트를 제공하는 사용하거나 이온 성 응용 프로그램을 만들 수 :
$ ionic start myApp tabs
우리가 방금 만든 실행 이온 프로젝트
앱을 실행 (또는 코르도바에 의해 직접 작성), 테스트를 작성하는 이온 성 도구를 사용하여.
안드로이드 응용 프로그램 만들기
$ cd myApp $ ionic platform add android $ ionic build android $ ionic emulate android
모두가 잘된다면 다음과 같이 시뮬레이터 인터페이스를 나타납니다 :
iOS 앱 만들기
$ cd myApp $ ionic platform add ios $ ionic build ios $ ionic emulate ios
". 이오스 - 시뮬레이션을 찾을 수 없습니다"경우 오류, 다음과 같은 명령을 실행할 수 있습니다 :
npm install -g ios-sim
모두가 잘된다면 다음과 같이 시뮬레이터 인터페이스를 나타납니다 :
이온 연구소
이온 연구소는 명령 줄을 사용하여 마음에 들지 않는 경우, 이온 연구소는 당신의 요구를 충족, 개발 환경의 데스크톱 버전입니다.
이온 랩은, 시작 구축, 실행 및 시뮬레이션 이온 응용 프로그램 개발자를 실행할 수있는 쉬운 방법을 제공합니다.
이온 연구소 지원 플랫폼 : 윈도우, 맥 OS X, 리눅스 , 다운로드 주소 : http://lab.ionic.io/ , 다운로드 후 직접 설치할 수 있습니다. 다음과 같이 전체 사용자 인터페이스입니다 :
위의 화면을 통해 다음을 수행 할 수 있습니다 :
- 응용 프로그램 만들기
- 미리보기 응용 프로그램
- 응용 프로그램을 컴파일
- 응용 프로그램을 실행
- 업로드 응용 프로그램
- 실행 로그 뷰어 ......
아래 그림과 같이 숭고한 텍스트는 편집기 이온 프로젝트, 우리가 직접 숭고한 텍스트 항목에 이온 랩에서 열 수 있습니다로 추천합니다 :
지프 동작 데모
