An application using Apache Cordova, Ionic Framework, and Typescript. Currently supporting iOS, Android and Windows 10.
To learn more about Tools for Apache Cordova, visit this link.
- node.js
- Cordova and Ionic - npm install cordova ionic
- TypeScript - npm install typescript
- Gulp - npm install gulp
- Bower - npm install bower
With VS Code:
- Clone this repository.
- Run
npm installfrom the project root. - Run
bower installfrom 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>orionic 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-sidemenu.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
ionic-typescript-sidemenu/
├── app/ * Working directory for TypeScript files
│ ├── app.ts * Main Application configuration
│ └── controllers.ts * App logic
│
├── 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
│ │
│ ├── 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-sidemenu.sln * VS solution
├── ionic-typescript-sidemenu.jsproj
├── ionic-typescript-sidemenu.jsproj.user
└── README.md * This file
![microsoft-github-policy-service[bot] avatar](https://avatars.githubusercontent.com/in/95686?v=4 "microsoft-github-policy-service[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent