Ionic的项目布局(angluar js)

Hybird HTML5 App(移动选拔开发)之3.Ionic的体系结构 

后面使用命令ionic start
myapp下载了默许的Ionic应用程序,上面大家打开应用程序项目,来分析一下Ionic项目标布局。项目结构图如下: 

图片 1

 

我们来大致通晓一下种种文件夹的机能 

壹 、hooks:文件夹是陪同Cordova的设置自动生成的公文夹,该公文夹有脚本能够定制Cordova命令。一般情况下,不对该公文夹中的文件实行改动。 

贰 、plugins:用于放置Ionic增加文件的文本夹。比如升级或许增添Ionic的时候。为了设置那几个扩张文件,你要求保险安装了Git。常常不对该公文夹实行转移。 

③ 、.bowerrc:Ionic偶尔会选拔Bower去安装一些零部件,所以bowerrc文件发出了,日常不对该公文进行修改 

四 、.gitignore:当使用Git和GitHub追踪项目,.gitignore可以用来钦点忽略文件。固然您不想一定的文本夹和文件被上传到Git仓库(repository),你能够选择gitignore防止文件转移。

⑤ 、config.xml:config.xml是此外3个Cordova安装文书档案,经常也不必要修改。 

六 、gulpfile.js:控制着同意Ionic自动重载浏览器的活动操作。同时,它还负责其余作业,比如:处理文件。 

柒 、package.json:package.json文件在许多Nodejs项目里都会并发,
它定义了那个类型所急需的各类模块,以及项指标布署新闻,比如名称、版本、许可证等元数据

Node和居尔p工具得以依照文件中的项目要求和陈设消息,去履行职务。一般不改动该公文。 

说到底、详细说美素佳儿(Aptamil)下scss和www那多个公文夹的功力。 

scss文件夹:假如在Ionic项目,想要使用CSS的预处理语言SASS来修改应用程序的样式,那么你能够在scss文件夹下的附和文件覆盖Ionic的暗中认可值。假若你熟知SASS语言,你能够在对应scss文件添加SASS命令,只怕变更目录结构,扩展子文件夹。假设你想在品种中采纳SASS去干活,你须要首先运维Ionic
SASS 命令。 

www文件夹:先来探望www文件夹的始末结构: 

图片 2

 

壹 、css:能够在此文件夹中的样式文件中编辑本身的CSS,从而改变Ionic应用程序的暗中同意样式。 

二 、img:用于存放图片,图片可应用在所树立的类型中。 

三 、js:用于放置js文件的文本夹,当中以AngularJS文件为主。它包蕴八个公文: 

1)app.js:通过控制器和指令加载angularJS文件的严重性应用程序文件。 

2)Controller.js:可用来别的项目标JavaScript文件,可被添加到应用程序的两样部分。 

3)services.js::services.js包涵了通用的多少,数据将动用在规划的应用程序在那之中。 

肆 、lib:用于集中存放项目须要动用的库文件和别的类别能源,比如AngularJS,
CSS,SCSS相关等。创制的应用程序能够访问那些库文件和财富。在那之中,在这几个文件夹下引用的AngularJS文件,不肯定是最新版本的,一般景观下,不提议修改或更新那一个文件。 

伍 、templates:放置AngularJS模板文件的地点,设计的应用程序会选取其中的模版,在您的应用程序的页面呈现出来。你也可以在这些文件夹内创造子文件夹,添加你协调的模版。

⑥ 、index.html:index.html文件是应用程序的中坚文件,文件将被Ionic载入浏览器。这些文件看起来就像普通的HTML
大概AngularJS文件。 

前几日先写到那里,前些天继续,详细内容可点击链接http://pan.baidu.com/s/1skbQATZ跻身云盘查看。

相关文章