ionic2 учебник
Начало работы с ionic2
Поиск…
замечания
Ionic 2 - это кросс-платформенная мобильная технология разработки. Эта структура создана для создания гибридных мобильных приложений, и ее также можно использовать и для настольных приложений. Это однократная запись, работающая везде по технологиям. Он использует веб-технологии, такие как JavaScript / Typcript, Angular 2, HTML и CSS (SCSS / LESS). Приложения Ionic2 хорошо работают на >=android 4.4
, но вы хотите запустить android 4.1
для android 4.3
вам нужно использовать перекрестный ход .
Установка или настройка
Поскольку Ionic 2 становится все лучше и лучше с каждым днем, всегда проверяйте официальную документацию, чтобы отслеживать последние изменения и улучшения.
Предварительные требования: вам понадобится NodeJS для создания проектов Ionic 2. Вы можете загрузить и установить узел здесь и узнать больше о npm и использовать здесь Ionic 2.
1. Установка Ionic 2
Как и Ionic 1, вы можете использовать Ionic CLI или GUI, чтобы быстро создавать и тестировать приложения прямо в браузере. У него даже есть все возможности для работы с вашими приложениями Ionic 1, поэтому вам не нужно ничего менять!
Чтобы использовать Ionic 2, просто установите ионный из npm:
$ npm install -g ionic
Если вы получаете ошибку EACCES, следуйте инструкциям здесь, чтобы предоставить узлу необходимые ему разрешения.
2. Создание первого приложения
После того, как CLI установлен, выполните следующую команду, чтобы запустить свое первое приложение:
$ ionic start MyIonic2Project
Шаблон табуляции используется по умолчанию, но вы можете выбрать другой шаблон, передав флаг. Например:
$ ionic start MyIonic2Project tutorial
$ cd MyIonic2Project
$ npm install
Это будет использовать шаблон учебника .
Чтобы запустить приложение, перейдите в каталог своих проектов и запустите приложение- ionic serve -lc
:
$ ionic serve -lc
-L активирует текущую перезагрузку страницы, -c отображает журналы консоли. Если у вас возникли проблемы с созданием вашего приложения, убедитесь, что ваш пакет.json соответствует тому, который находится в базе данных ionic2-app-base
Вы можете играть с новым приложением прямо в браузере!
3. Построение устройства
Вы также можете создать новое приложение на физическом устройстве или эмуляторе устройства. Кордове понадобится продолжить.
Чтобы установить Кордову, запустите:
$ npm install -g cordova
Ознакомьтесь с документами iOS simulator для создания приложений iOS (ПРИМЕЧАНИЕ: вы не можете создавать на устройствах iOS или эмуляторах в любой операционной системе, отличной от OSX), или в документах Genymotion для создания приложения для Android.
Работа на устройстве iOS:
Чтобы создать приложение iOS, вам необходимо работать на компьютере OSX, потому что вам понадобится каркас какао для сборки для ios, если это так, вам сначала нужно добавить платформу к кордове, запустив следующая команда:
$ ionic cordova platform add ios
Вам понадобится Xcode для компиляции на устройство iOS.
Наконец, запустите приложение со следующей командой:
$ ionic cordova run ios
Запуск на устройстве Android:
Шаги для Android почти идентичны. Во-первых, добавьте платформу:
$ ionic cordova platform add android
Затем установите Android SDK, который позволяет скомпилировать Android-устройство. Хотя Android SDK поставляется с эмулятором, он работает очень медленно. Genymotion намного быстрее. После установки просто выполните следующую команду:
$ ionic cordova run android
И это все! Поздравляем с созданием вашего первого приложения Ionic 2!
Ионная перегрузка тоже. Поэтому, если вы хотите разработать приложение и увидеть изменения, происходящие в реальном времени на эмуляторе / устройстве, вы можете сделать это, выполнив следующие команды:
Для iOS:
$ ionic cordova emulate ios -lcs
Будьте осторожны, на iOS 9.2.2 работа с печью не работает. Если вы хотите работать с функцией livereload, отредактируйте файл config.xml, добавив следующее:
<allow-navigation href="*"/>
Затем в <platform name="ios">
:
<config-file parent="NSAppTransportSecurity" platform="ios" target="*-Info.plist">
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
</config-file>
Для Android:
$ ionic cordova run android -lcs
l
означает перезагрузку, c
для консольных журналов и s
для журналов сервера. Это позволит вам увидеть, есть ли какие-либо ошибки / предупреждения во время выполнения.
Строительство для Windows
Если вы хотите создать свой проект для окон, вам нужно работать на компьютере с Windows. Чтобы начать, установите платформу windows в проект ionic2, выполнив следующую команду:
$ionic cordova platform add windows
Затем просто выполните следующую команду:
$ionic cordova run windows
Запуск в браузере
$ionic serve
для устройства проверки браузера Chrome (введите адресную строку браузера Chrome)
chrome://inspect/#devices