当前位置:首页 > 开发工具 > ionic 项目目录及开发工具介绍

ionic 项目目录及开发工具介绍

2022年11月09日 23:29:58开发工具35

    一、开发工具

  webstorm,很强大的一款web前端开发工具,可以集成svn、git等版本管理工具,代码联想功能强大,具备智能补全,总之很好用。

下载地址:点击链接下载

  破解方法非常简单,自行百度之。

二、ionic项目目录介绍

ionic 项目目录及开发工具介绍 _ JavaClub全栈架构师技术笔记

1、hooks:文件夹是伴随Cordova的安装自动生成的文件夹,该文件夹有脚本可以定制Cordova命令。一般情况下,不对该文件夹中的文件进行更改。 


      2、plugins:用于放置cordova插件源码的文件夹,添加插件后自动生成相应文件夹


3、如果在Ionic项目,想要使用CSS的预处理语言SASS来修改应用程序的样式,那么你可以在scss文件夹下的相应文件覆盖Ionic的默认值。如果你熟悉SASS语言,你可以在相应scss文件添加SASS命令,或者更改目录结构,增加子文件夹。如果你想在项目中使用SASS去工作,你需要首先运行Ionic SASS 命令。 


4、www(主要工作目录)

1)css、img、js一目  了然,是对应放置各种资源文件的文件夹

2)lib:用于放置第三方库文件,如jQuery、mobiscroll等


5、templates:放置AngularJS模板文件的地方,设计的应用程序会采用里面的模板,在你的应用程序的页面展现出来。你也可以在这个文件夹内创建子文件夹,添加你自己的模板。


6、index.html:index.html文件是应用程序的核心文件,文件将被Ionic载入浏览器。


7、bowerrc:Bower包管理器的配置文件,使用Bower可以很方便的安装第三方库文件


8、.gitignore:当使用Git和GitHub追踪项目,.gitignore可以用来指定忽略文件。如果你不想特定的文件夹和文件被上传到Git仓库(repository),你可以使用gitignore防止文件转移。

 

9、config.xml:ionic项目的核心配置文件,可以配置项目的包名,未来打包成app时的名称,作者,以及一些全局属性

10、gulpfile.js:类似于grunt,都是基于Node.js的前端构建工具。不过gulp压缩效率更高。

11、ionic.project:ionic的工程文件

12、package.json:package.json文件在许多Nodejs项目里都会出现, 它定义了这个项目所需要的各种模块,以及项目的配置信息,比如名称、版本、许可证等元数据 。 Node和Gulp工具可以依据文件中的项目需求和配置信息,去履行责任。一般不修改该文件。 


作者:qnhhx
来源链接:https://blog.csdn.net/qnhhx520/article/details/52215248

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/tool/68993.html

标签: 开发工具
分享给朋友: