ionic3目录结构分析

建议使用编译器:VScode 

项目整体目录:

ionic3目录结构分析_第1张图片
目录结构

注:黑体是常用重点目录

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目录展开:


ionic3目录结构分析_第2张图片
src目录详情

app:应用根目录

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

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

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

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

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

你可能感兴趣的:(ionic3目录结构分析)