ionic5 目录解析

2019-08-29  本文已影响0人  黄小楼vincent

网络上的文章说的大多数都是2和3的。
这里借鉴了一下另外一篇文章。

http://www.ionic.wang/article-index-id-145.html

首先,下面是我的版本信息:

微信截图_20190829160219.png
在通过命令行
ionic start appdemo tabs
创建了目录之后,
并手贱添加了命令ionic cordova platform add android,在原有的目录下多了两个目录“platforms”和“resources”
所以,现在创建的目录结构是这样子的:
2.png
文件夹

e2e:ionic5中端对端测试文件

node_modules :ionic5中项目所需要的依赖包

resources :android/ios 资源(更换图标和启动动画)

src:ionic5中开发工作目录,页面、样式、脚本和图片都放在这个目录下

www:ionic5中静态文件,ionic build --prod 生成的单页面静态资源文件

platforms:生成android或者ios安装包需要的资源---(cordova platform add android后会生成)

plugins:插件文件夹,里面放置各种cordova安装的插件

文件

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

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

ionic.config.json、ionic.starter.json:ionic配置文件(这个目录暂时没有)

angular.json angular配置文件

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

tslint.json:格式化和校验typescript

browserslist :目标浏览器配置表

根目录下面的src工作目录分析

3.png

app:ionic5中应用根目录 (组件、页面、服务、模块...)

assets:ionic5中资源目录(静态文件(图片,js框架...)

theme:ionic5中主题文件,里面有一个scss文件,设置主题信息。

global.scss:ionic5中全局css文件

index.html:ionic5中 index入口文件

main.ts:ionic5中 主入口文件

karma.conf.js/test.js:测试相关的配置文件

polyfills.ts: 这个文件包含Angular需要的填充,并在应用程序之前加载

上一篇 下一篇

猜你喜欢

热点阅读