Сегодня давайте узнаем, как установить Ionic для создания простого небольшого приложения на вашем компьютере. Многие веб -сайты пишут очень сложные методы установки. На самом деле, новички, которые только начинают учиться ионическому, особенно те, у кого мало опыта программирования, будут ли они боятся? Это так сложно, какая среда Node.js необходима для установки, и установить последнюю версию Cordova ... на самом деле, она не должна быть настолько неприятной. Позвольте мне рассказать вам, как я использую Ionic, когда работаю над проектами.
Первый метод: ввести его напрямую
Шаг 1: Скачать Ionic First
Последняя версия Ionic загружена по адресу: http://ionicframework.com/docs/overview/#download.
После загрузки распадайте сжатый пакет, включая следующие каталоги:
Кода -копия выглядит следующим образом:
css/ => файл стиля
Фонты/ => Файл шрифта
js/ => файл javascript
version.json => Инструкции по обновлению версии
Вы также можете загрузить следующий файл ресурса на GitHub: https://github.com/driftyco/ionic (в каталоге релиза).
Шаг 2: ввести файлы
Далее нам нужно только представить файлы css/ionic.min.css и js/ionic.bundle.min.js в приведенном выше каталоге в проект для создания ионного приложения.
<Ion-header-bar> <h1> Hello World! </h1> </Ion-header-bar> <Ion-content> <p> Мое первое ионное приложение. </p> </ионо-контент>
Примечание. В мобильных приложениях, таких как PhoneGap, нам нужно только добавить соответствующие файлы JS и CSS в библиотеку ресурсов.
Второй метод: установка командной строки
Сначала вам нужно установить node.js. Затем установите последние версии Cordova и Ionic через инструмент командной строки. Установите, ссылаясь на официальную документацию Android и iOS.
Откройте инструмент командной строки в Window и Linux, чтобы выполнить следующую команду:
Кода -копия выглядит следующим образом:
$ npm install -g cordova ionic
Используйте следующие команды в вашей системе Mac:
Кода -копия выглядит следующим образом:
sudo npm install -g cordova ionic
Совет: iOS необходимо установить и использовать в средах Mac OS X. и Xcode.
Если вы установили приведенную выше среду, вы можете выполнить следующую команду, чтобы обновить версию:
Кода -копия выглядит следующим образом:
NPM обновление -g Cordova Ionic
или
Кода -копия выглядит следующим образом:
Sudo NPM обновление -G Cordova Ionic
Создайте приложение
Создайте ионное приложение, используя готовый шаблон приложения, предоставленный Ionic, или пустой проект:
Кода -копия выглядит следующим образом:
$ Ionic Start MyApp вкладки
Запустите ионный проект, который мы только что создали
Создайте, тестируйте, запустите свои приложения, используя Ionic Tool (или создайте непосредственно через Cordova).
Создайте приложение Android:
Кода -копия выглядит следующим образом:
$ CD MyApp
$ Ionic Platform добавить Android
$ Ionic Build Android
$ ionic эмулирует Android
Создайте приложение для iOS:
Кода -копия выглядит следующим образом:
$ CD MyApp
$ Ionic Platform добавить iOS
$ Ionic Build IOS
$ ionic ииониляет iOS