In the series of Ionic blog posts earlier we have seen why Ionic framework and what is crosswalk, now we are going to setup the dev environment for ionic framework.
This ionic setup is for browser level only. Soon we will provide the environment setup steps for the mobile version.
Setting Up Ionic
Ionic is an npm module and requires Node.js. If you haven’t install Nodejs yet. You can get the Node installer from http://nodejs.org/. Once you have done, Ionic can be installed using Node’s package manager (npm).
npm install cordova ionic -g
This command will installed the Ionic and Apache Cordova modules globally. The modules themselves are installed in your user directory. On Linux the modules can be found in /usr/local. Once ionic is installed you can create the project with below command
Starting an ionic app
ionic start [appname] [template]
A starter template is what becomes the www directory within the Cordova project.
The default templates name are below:
- tabs (Default)
I have create with sidemenu template you can see some screenshots below:
And you can find code on Github