angular 标准目录结构_ionic angular项目目录结构

从ionic3目录结构,理解ionic项目

2b1ffd2a2e51d3061b678bbfac3201a7.png

hooks:cordova的命令钩子,用于编译和打包;

node_modules:js库——node管理的依赖包(通过命令npm install 包名或路径安装;)

platforms:ios、android等可选平台生成的原生项目;

plugins:已安装的cordova插件;

resources :android、ios等平台图标、启动屏资源,在此目录下的资源通过下述命令会把资源按分辨率生成到原生项目目录中,省却自己逐个调整分辨率及拷贝的繁琐工作;

c318c8f7369fae8743896a5f35ea63ba.png

src:开发工作目录;

www:编译后生成的静态网页文件,可直接拿去网上部署发布;

config.xml: 原生项目配置文件;

package.json: node安装模块时的依据文件,在里面配置的内容,在执行npm install命令后会生成到node_modules目录;

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

tslint.json:格式化和校验typescript。

app:入口文件夹;

assets:样式、图片、字体、脚本等静态文件;

pages :开发页面,含html、ts、css;

theme :主题文件夹,里面可以放置多个主题文件,方便切换主题;

components:自定义组件(公用、可复用模块);

directives:自定义指令(注入到组件上为组件添加功能);

pipes:自定义管道(用于格式化显示数据);

providers:自定义服务(工具类、业务处理类等等);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值