Лучшее руководство по ионная установка в 2024 году. В этом руководстве вы можете изучить примеров,Установка из командной строки,ионные Lab,

ионная установка

Загрузите последнюю версию ионную адрес: #docs/overview/#download~~HEAD=dobj .

После загрузки раскрывающийся архив содержит следующие каталоги:

css/               =>     样式文件
fonts/             =>     字体文件
js/                =>     Javascript文件
version.json       =>     版本更新说明

Вы также можете скачать следующие файлы ресурсов на Github: https://github.com/driftyco/ionic~~HEAD=dobj (в каталоге выпуска).

Далее, нам нужно всего лишь ввести каталоге выше CSS / ionic.min.css и JS / ionic.bundle.min.js файлов в проекте по созданию ионных приложений.

примеров

<Ion-заголовок-бар класс = "бар-положительным"> <H1 класс = "название"> Hello World ! </ h1> </ Ion-заголовок-бар> <Ion-контент> <P> Мои первые ионные приложения. </ P> </ Ion-контент>

Попробуйте »

Нажмите на кнопку "Try", чтобы просмотреть экземпляр онлайн.

В этом руководстве основное внимание уделяется объяснению применения ионной структуры, большинство запущенных экземпляров в браузере, на мобильных устройствах, можно выполнить следующую командную строку установки учебник, чтобы узнать больше.

Примечание: В мобильных приложениях , таких как PhoneGap нам нужно соответствующие JS и CSS файлы могут быть добавлены в хранилище.


Установка из командной строки

Прежде всего , необходимо установить Node.js , необходимо использовать следующий инструмент для его установки НПМ, вы можете просмотреть более НПМ представить нашу использование НПМ презентацию .

А затем через инструмент командной строки , чтобы установить последнюю версию Cordova и ионной. Ссылаясь на Android и прошивкой установить официальную документацию.

Окно и Linux открыть инструмент командной строки выполните следующую команду:

$ npm install -g cordova ionic

На Mac, используйте следующую команду:

sudo npm install -g cordova ionic

Совет: IOS требует Mac OS X. Xcode среды и следующей установки.

Если вы уже установили более среде, вы можете выполнить следующую команду, чтобы обновить версию:

npm update -g cordova ionic

или

sudo npm update -g cordova ionic

Создание приложения

Используйте готовые шаблоны приложений ионную официальный предоставил пустой проект или создать ионную приложения:

$ ionic start myApp tabs

Запустить ионный проект, который мы только что создали

Используя ионную инструмент для создания, тестирования, запускать приложения (или создается непосредственно Кордова).

Создание приложений для Android

$ 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

Если ". Ios-SIM не был найден" ошибка, вы можете выполнить следующую команду:

npm install -g ios-sim

Если все пойдет хорошо симулятор появится интерфейс следующим образом:


ионные Lab

Ионные Lab является настольной версии среды разработки, если вам не нравится с помощью командной строки, Ионные Lab будет соответствовать вашим потребностям.

Ионные Lab обеспечивает более простой способ начать, построить, запустить, и запустить моделирование разработчиков приложений ионным.

Ионные Lab Поддерживаемые платформы: Window, Mac OS X, Linux , загрузить адрес: http://lab.ionic.io/ , может быть установлен непосредственно после загрузки. Весь пользовательский интерфейс выглядит следующим образом:

С помощью приведенного выше экрана вы можете сделать следующее:

  • Создание приложения
  • Просмотр приложений
  • Компиляция приложения
  • Запуск приложения
  • Загрузить приложение
  • Run Log Viewer
  • rururu

Sublime Text рекомендуется в качестве редактора Ионные проекта, мы можем открыть ионными Lab непосредственно на Sublime Text элемента, как показано ниже:

Gif Операция Демо

ионная установка
10/30