Ionic Blank Template

Приложение, использующее Apache Cordova, Ionic Framework и Typescript. В настоящее время поддерживает iOS, Android и Windows 10.

Важно!

Чтобы узнать больше об инструментах для Apache Cordova, посетите эту ссылку.

Содержание

• Требования
• Начало работы
• Структура файла приложения

Требования

1. node.js
2. Cordova и Ionic — npm install cordova ionic
3. TypeScript — npm install typescript
4. Gulp — npm install gulp
5. Bower — npm install bower

Начало работы

С помощью VS Code:

• Клонируйте этот репозиторий.
• Запустите npm install из корня проекта.
• Запустите bower install из корня проекта.
• Добавьте платформу android / iOS / windows в свой проект, запустив ionic platform add <имя платформы> в терминале из корневого каталога вашего проекта.
• Соберите проект, запустив gulp tsc, а затем ionic build <имя платформы>
• Разверните на устройстве или эмуляторе, запустив ionic run <имя платформы> или ionic emulate <имя платформы>
• Успех

Примечание: Чтобы улучшить рабочий процесс разработки Cordova, установите расширение VS Code Cordova.

• Откройте палитру команд VS Code — (Ctrl+Shift+P в Windows, Cmd+Shift+P на Mac) — и введите следующую команду и нажмите Enter:

ext install cordova-tools

С Visual Studio:

• Клонируйте этот репозиторий.
• Откройте ionic-typescript-blank.sln в Visual Studio.
• Откройте окно Task Runner, нажав Ctrl+Alt+Bkspce. Примечание: Важно, чтобы окно запуска задач было открыто в VS во время сборки проекта. Вы также можете использовать задачу «gulp watch», чтобы включить перезагрузку в реальном времени в сценариях отладки на основе браузера.
• Установите пакеты npm, перейдя в обозреватель решений -> Зависимости -> npm и нажав «Восстановить пакеты».
• После восстановления пакетов соберите проект и разверните его на Ripple или эмуляторе Android.
• Успех

Структура файла приложения

ionic-typescript-blank/
├── app/                               * Рабочий каталог для файлов TypeScript
│   └── app.ts                         * Основная конфигурация приложения
|
├── node_modules/                      * Зависимости Node
|
├── platforms/                         * Сгенерированный Cordova код собственной платформы
|
├── plugins/                           * Кордовские собственные плагины
|
├── resources/                         * Изображения для заставок и значков
|
├── typings/                           * Содержит все типизации для этого проекта
|
├── www/                               * Папка, которая копируется в каталог www платформ
│   │
│   ├── js/                            * Содержит перенесённые файлы JS из TS файлов
│   │    └── app.js                 
│   │
│   ├── css/                           * Скомпилированный CSS
│   │
│   ├── img/                           * Изображения приложения
│   │
│   ├── lib/                           * Зависимости от установки bower
│   │
│   └── index.html                     * Главная точка входа
|
├── .editorconfig                      * Определяет стили кодирования между редакторами
├── .gitignore                         * Пример файла git ignore
├── config.xml                         * Файл конфигурации Cordova
├── gulpfile.js                        * Содержит задачи gulp для компиляции файлов ts, файлов scss и т. д.
├── ionic.project                      * Файл конфигурации Ionic
├── package.json                       * Наши зависимости javascript
├── ionic-typescript-blank.sln         * Решение VS
├── ionic-typescript-blank.jsproj        
├── ionic-typescript-blank.jsproj.user     
└── README.md                          * Этот файл