ionic-cli to generate pages in certain folders

ionic-framework ionic-cli
raj picture raj · Oct 15, 2016 · Viewed 10.2k times · Source

I am using ionic-cli 2 for generating pages for my ionic project. I would like keep my pages separately in different folders . For example , I would like to keep pages like Login , Signup in a separate folder called authentication . But at the same time I would like to enjoy the ionic generate page command to quickly setup the page inside the authentication folder. Currently ionic-cli would generate the pages in pages folder. How can I make it in pages/authentication folder ?

Answer

hector-j-rivas picture hector-j-rivas · Oct 10, 2017

I know it's been a while, but this worked for me using the @latest ionic (3.12.0)

Generate "sub-pages" from the app's root folder as you would generate "top-level" pages. Then, drag them to their intended place using Visual Studio Code.

Obviously you want to rename stuff such as modules and classes. For example, for the 'home' and 'standings' sub-pages of the 'team' page, I renamed the classes from HomePage and StandingsPage to TeamHomePage and TeamStandingsPage respectively.

Alternatively (and in retrospect recommended), name the pages using the desired structure, e.g., ionic generate page team-home (you'll still have to move them manually). This is especially useful for repeating patterns, e.g., if you also want 'home' and 'standings' sub-pages for say a 'tournaments' page.

Also see Can ionic2's pages support nested directory structure?.

Related questions

Ionic error of Cordova lower version - Please install your Cordova CLI to version >=4.2.0

Installed Ionic successfully. When running ionic info and other commands like ionic browser --list, I get an error that cordova is lower then version 4. Cordova is installed with no sudo and in global home directory. > ionic info Your system …

Read More
Ionic can't login Request: POST https://api.ionic.io/login No user found by that email

When I try to run any Ionic CLI commands that require login I get a 404 error. Here's the command line.... ? Password: [hidden] Request: POST https://api.ionic.io/login Response: 404 Body: { link: null, message: 'No user found by that email', …

Read More
how to add android and ios platform in ionic cli 3.3.0

I update ionic and trying to add android and ios platform but i could not add it. it shows me following message in console. js20@js20:~/Desktop/project$ ionic platform add android The platform command has been renamed. To find …

Read More