Sunday, July 31, 2016

Create and Running Projects Using the Ionic CLI

cd ionicprojects // create and go to folder for your projects

ionic start demoapp // will download ??? from necessary files to begin your project

// they will prompt you to sign up for ionic account. Can do this now or later

cd demoapp // go to your app folder

ionic serve // they will ask you which address. choose localhost

localhost // will appear in browser. Shrink browser to phone size to simulate phone UI

Provides a sample UI which you can click. Can experiment with the various tabs and UI controls like the tableview, clicking on each row, the toggle buttons
Good example to try and simulate on a running device

Next, open up project in a text editor. I use sublime text editor but feel free to use your own editor.
Open up the demoapp folder in your editor, and take a look at the files and folders.
templates - index.html // if you change any of the code, it will be reflected in the app in real time.



No comments:

Post a Comment