标签:创建 app ts 跳转 组件 ionic 目录 页面
一、 目录结构分析 hooks:编译cordova 时自定义的脚本命令,方便整合到我们的编译系统和版本控制系统中。 node_modules :node 各类依赖包。 resources :android/ios 资源(更换图标和启动动画)。 src:开发工作目录,页面、样式、脚本和图片都放在这个目录下(这个应该是比较重要的个人觉得) src下的目录: ·app:应用根目录 ·app.component.ts 根组件 ·app.module.ts 根模块 告诉ionic如何组装应用。 ·main.ts 入口文件 ·assets:资源目录(静态文件(图片,js 框架。。。)各 ·pages:页面文件,放置编写的页面文件,包括:html,scss,ts。 ·about,contract,home 统称为组件 也可叫做页面 ·tabs配置地步tab切换 ·theme:主题文件,里面有一个scss 文件,设置主题信息。 www:静态文件。 platforms(平台):生成android 或者ios 安装包路径( platforms\android\build\outputs\apk:apk 所在位置)执行cordova platform add android 后会生成。 plugins(插件):插件文件夹,里面放置各种cordova 安装的插件。 config.xml: 打包成app 的配置文件 package.json: 配置项目的元数据和管理项目所需要的依赖 tsconfig.json: TypeScript 项目的根目录,指定用来编译这个项目的根文件和编译选项 tslint.json:格式化和校验typescript 二、创建组件 1、cd 到我们的项目目录 2、通过ionic g component 组件名称创建组件 3、创建完成组件以后会在src 目录下面多一个components 的目录,这个目录里面有我们用命令创建的所有的组件。 4、如果我们要使用这些组件必须在app.module.ts 里面注册我们的模块,注册完成后就可以在pages 里面的其页面里面使用这些组件。 三、ionic创建页面及页面跳转 1、cd到我们的项目目录 2、通过 ionic g page页面名称 。 详见: http://www.ionic.wang/article-index-id-146.html标签:创建,app,ts,跳转,组件,ionic,目录,页面 来源: https://www.cnblogs.com/zhaoqiusheng/p/11079050.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。