The directory structure of ionic white learning path analysis, creation components, creating pages, page Jump

First, the directory structure analysis hooks: custom script commands when compiling cordova, easy to integrate into our build system and version control systems. node_modules: node various types of dependencies. resources: android / ios resources (replacement icon and start the animation). src: development directory, page, style, script and pictures are placed in this directory (this should be a more important personal feel) directory under src: · app: application root directory of the root component · app · app.component.ts .module.ts root module ionic tell how to assemble applications. · Main.ts entry file · assets: Resource Directory (static files (images, js framework ...) each · pages: page document, written in the page file placement, including:. Html, scss, ts · about, contract, home collectively referred to as the components can also be called a page · tabs configured point tab to switch · theme: the theme file, which has a scss file, set the theme information www:. static files platforms (platform): generate android or ios installation package path (platforms \ android \ build \ outputs \ apk: the location apk) performs cordova platform add android generated plugins (plug): the insert folder, which placed various cordova installed plug the config.xml: packaged into the package app profile. json: configuration item metadata and project management needed to rely tsconfig.json: TypeScript project root directory, the root file and compile options used to compile the project specified tslint.json: formatting and checking typescript Second, create components 1, cd to our project directory 2, 3 components created by ionic g component component name, the group created The future will be one more components of the directory, the directory there are all the components we use the following command to create the src directory. 4, if we want to use these components must be app.module. Sign up for our ts inside the module, after the registration is complete you can use these components on the inside pages inside its pages. Three, ionic create a page and the page jump 1, cd to our project directory 2, ionic g page by page name. See: http://www.ionic.wang/article-index-id-146.html

Guess you like

Origin www.cnblogs.com/zhaoqiusheng/p/11079050.html