AngularJSIonic的类型组织(angluar js)

Hybird HTML5 App(移动采用开发)之3.Ionic的项目结构 

前方使用命令ionic start
myapp下载了默认的Ionic应用程序,下面我们开拓应用程序项目,来分析一下Ionic项目的组织。项目布局图如下: 

AngularJS 1

 

咱来大概了解一下每个文件夹的企图 

1、hooks:文件夹是陪伴Cordova的装置自动生成的文书夹,该公文夹有下面论好定制Cordova命令。一般景象下,不对准拖欠公文夹着的文件进行变更。 

2、plugins:用于放置Ionic扩展文件的文件夹。比如升级要扩展Ionic的时光。为了设置这些扩展文件,你要保证安装了Git。通常不对准该文件夹进行反。 

3、.bowerrc:Ionic偶尔会利用Bower去装有零部件,所以bowerrc文件发出了,通常不对准拖欠公文进行改动 

4、.gitignore:当用Git和GitHub追踪项目,.gitignore可以据此来指定忽略文件。如果你免思量一定的公文夹和文书给上传到Git仓库(repository),你可以gitignore防止文件转移。

5、config.xml:config.xml是另外一个Cordova安装文档,通常也未需要修改。 

6、gulpfile.js:控制着同意Ionic自动重载浏览器的机关操作。同时,它还背负其他工作,比如:处理公事。 

7、package.json:package.json文件在诸多Nodejs项目里都见面现出,
它定义了之项目所急需之各种模块,以及项目的部署信息,比如名、版本、许可证等元数据

Node和Gulp工具得以因文件被之类型求以及配置信息,去履行责任。一般不改该公文。 

末、详细说明一下scss和www这简单单公文夹的来意。 

scss文件夹:如果当Ionic项目,想要利用CSS的预处理语言SASS来窜应用程序的体,那么您可以以scss文件夹下的对应文件覆盖Ionic的默认值。如果您熟悉SASS语言,你可当相应scss文件上加SASS命令,或者转目录结构,增加子文件夹。如果你想以品种中以SASS去做事,你用首先运行Ionic
SASS 命令。 

www文件夹:先来看看www文件夹的内容结构: 

AngularJS 2

 

1、css:可以当此文件夹着之体制文件中修好的CSS,从而改变Ionic应用程序的默认样式。 

2、img:用于存放图片,图片但采用在所建的门类中。 

3、js:用于放置js文件之公文夹,其中以AngularJS文件为主。它包括三单文件: 

1)app.js:通过控制器和下令加载angularJS文件之要应用程序文件。 

2)Controller.js:可用以其它项目的JavaScript文件,可被补充加至应用程序的两样部分。 

3)services.js::services.js包含了通用的数目,数据以应用在规划之应用程序当中。 

4、lib:用于集中存放项目需要采取的库文件和另外种类资源,比如AngularJS,
CSS,SCSS相关等。创建的应用程序能够访问这些库文件及资源。其中,在这文件夹下引用的AngularJS文件,不肯定是新型版本的,一般情况下,不建议修改或更新这些文件。 

5、templates:放置AngularJS模板文件的地方,设计的应用程序会采取中的模板,在您的应用程序的页面展现出。你也可于这文件夹内创建建子文件夹,添加你自己之沙盘。

6、index.html:index.html文件是应用程序的着力文件,文件拿让Ionic载入浏览器。这个文件看起就是比如是普通的HTML
或者AngularJS文件。 

今先期勾勒到这边,明天后续,详细内容而点冲击链接http://pan.baidu.com/s/1skbQATZ跻身云盘查看。

相关文章