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

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

angular 标准目录结构_ionic angular项目目录结构_第1张图片

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

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

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

plugins:已安装的cordova插件;

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

angular 标准目录结构_ionic angular项目目录结构_第2张图片

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:自定义服务(工具类、业务处理类等等);

你可能感兴趣的:(angular,标准目录结构)