Поиск…


замечания

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


Modified text is an extract of the original Stack Overflow Documentation
Лицензировано согласно CC BY-SA 3.0
Не связан с Stack Overflow