Ionic tabs starter template in TypeScript
Перейти к файлу
microsoft-github-policy-service[bot] fa5d341542
Auto merge mandatory file pr
This pr is auto merged as it contains a mandatory file and is opened for more than 10 days.
2023-06-13 17:52:51 +00:00
app Updated Typings and removed ionic.project, live reload not working though 2016-06-07 12:02:05 -07:00
hooks First commit of project files 2016-05-09 16:43:08 -07:00
merges/windows/js Removed Android 2.3 from Merges folder as Ionic supports Android 4.1+ 2016-06-07 14:45:48 -07:00
resources First commit of project files 2016-05-09 16:43:08 -07:00
scss First commit of project files 2016-05-09 16:43:08 -07:00
www Removing gulp install and updating version of Typings / few other packages 2016-06-04 18:40:33 -07:00
.bowerrc First commit of project files 2016-05-09 16:43:08 -07:00
.editorconfig First commit of project files 2016-05-09 16:43:08 -07:00
.gitignore Added typings for Angular-ui-router and live reload now works with Ionic serve 2016-06-07 18:29:09 -07:00
README.md Modified .gitignore, added instructions in README.md and added binding for running default gulp task before build. 2016-06-02 23:03:43 -07:00
SECURITY.md Microsoft mandatory file 2023-06-02 21:18:03 +00:00
bower.json First commit of project files 2016-05-09 16:43:08 -07:00
config.xml First commit of project files 2016-05-09 16:43:08 -07:00
gulpfile.js Added typings for Angular-ui-router and live reload now works with Ionic serve 2016-06-07 18:29:09 -07:00
ionic-typescript-tabs.jsproj Removing gulp install and updating version of Typings / few other packages 2016-06-04 18:40:33 -07:00
ionic-typescript-tabs.sln First commit of project files 2016-05-09 16:43:08 -07:00
ionic.config.json Updated Typings and removed ionic.project, live reload not working though 2016-06-07 12:02:05 -07:00
jsconfig.json First commit of project files 2016-05-09 16:43:08 -07:00
package.json add build task. Ignore some www files 2016-06-07 08:18:29 +02:00
taco.json First commit of project files 2016-05-09 16:43:08 -07:00
tsconfig.json Updated Typings and removed ionic.project, live reload not working though 2016-06-07 12:02:05 -07:00
typings.json Added typings for Angular-ui-router and live reload now works with Ionic serve 2016-06-07 18:29:09 -07:00

README.md

Ionic Tabs Template

An application using Apache Cordova, Ionic Framework, and Typescript. Currently supporting iOS, Android and Windows 10.

Important!

To learn more about Tools for Apache Cordova, visit this link.

Table of Contents

Requirements

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

Getting Started

With VS Code:

  • Clone this repository.
  • Run npm install from the project root.
  • Run bower install from the project root.
  • Add android / iOS / windows platform to your project by running ionic platform add <platform name> in a terminal from your project root.
  • Build the project by running gulp tsc and then ionic build <platform name>
  • Deploy to device or emulator by running ionic run <platform name> or ionic emulate <platform name>
  • Success

** Note: To improve your Cordova development workflow, install VS Code Cordova extension.

  • Launch the VS Code Command Palette – (Ctrl+Shift+P on Windows, Cmd+Shift+P on Mac) – and type the following command and hit Enter:

ext install cordova-tools

With Visual Studio:

  • Clone this repository.
  • Open the ionic-typescript-tabs.sln in Visual Studio.
  • Open Task Runner window by pressing Ctrl+Alt+Bkspce. ** Note: It is important that the task runner window be open in VS while building the project. You can also use "gulp watch" task to enable live reload in browser based debugging scenarios.
  • Install npm packages by going to your Solution Explorer -> Dependencies -> npm and clicking on 'Restore Packages'.
  • Once packages are restored, build the project and deploy it on Ripple or an android emulator.
  • Success

File Structure of App

ionic-typescript-tabs/
├── app/                               * Working directory for TypeScript files
│   ├── app.ts                         * Main Application configuration
│   ├── controllers.ts                 * App logic
│   └── services.ts                    * Helper Service methods
│
├── node_modules/                      * Node dependencies
|
├── platforms/                         * Cordova generated native platform code
|
├── plugins/                           * Cordova native plugins go
|
├── resources/                         * Images for splash screens and icons
|
├── typings/                           * Contains all typings for this project
|
├── www/                               * Folder that is copied over to platforms www directory
│   │   
│   ├── js/                            * Contains transpiled JS files from TS files
│   │    ├── app.js                         
│   │    ├── controllers.js                 
│   │    └── services.js                
│   │
│   ├── css/                           * Compiled CSS
│   │
│   ├── img/                           * App images
│   │
│   ├── lib/                           * Dependencies from bower install 
│   │
│   └── index.html                     * Main entry point
|
├── .editorconfig                      * Defines coding styles between editors
├── .gitignore                         * Example git ignore file
├── config.xml                         * Cordova configuration file
├── gulpfile.js                        * Contains gulp tasks for compiling ts files, scss files and more..
├── ionic.project                      * Ionic configuration file
├── package.json                       * Our javascript dependencies
├── ionic-typescript-tabs.sln         * VS solution
├── ionic-typescript-tabs.jsproj        
├── ionic-typescript-tabs.jsproj.user     
└── README.md                          * This file