ionic3目录结构分析

建议使用编译器:VScode 

项目整体目录:

目录结构

注:黑体是常用重点目录

node_modules: node各种类依赖包

platforms: 生成android/ios安装包目录 执行 ionic cordova platform add android (或者ios)

plugins: 插件文件夹,放置了各种cordova 插件

resources: android/ios 资源(图标、启动页)

src: 开发工作目录,核心代码放置的地方

www: 静态文件

config.xml: 打包成app的配置文件

pachage.json: 配置项目的元数据和管理项目所需要的依赖

tsconfig.json:TypeScript 项目的根目录,指定用来编译这个项目的根文件和编译选项

tslint.json: 格式化和校验 typescript


src目录展开:


src目录详情

app:应用根目录

assets:资源目录(静态文件、图片。。。)

components:组件目录,放置自定义的组件

directives:指令目录,放置自定义的指令(学过angularJS的童鞋应该知道指令的含义)

pages:页面文件,放置编写的页面文件(html、scss、ts)

theme:主题文件,里面的scss文件可以设置主题信息

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容