高效创建angular，ionic组件文件的方法

前几天因为创建文件太麻烦，且搜索姿势有问题，没找到相应工具文章，就写了篇文章去运行任务一键创建html、css、ts、服务文件，今天又回头重新研究angular，发现angular-cli是有这个功能的，使用ng g c <组件名>就可一键创建四种文件，但要在angular-cli创建的模板项目里用，ionic-cli创建的项目用不了，那就想不应该呀，ionic-cli应该也会有这个东西，果不其然，文档里是有的，下面把这个命令贴给大家，方便使用。经过这件事情，说明了一个道理，虽然我们做项目可以直接上手，东西也能做出来，但有些东西还是需要沉淀一下，回头复习的，就算觉得自己研究透了某个东西，偶尔回头看看也还是会有新收获的，当然，如果想要自定义，灵活性高点的话，自己根据个性需求写个创建任务也是可以的。不过对于大多数开发者来说，官方工具已经足够了，直接删改内容就可以使用

generate

Ionic现在提供了一个生成器功能来为您的应用程序创建页面和服务。 这使得从基本的应用程序到完整功能的应用程序与导航更容易。

这个命令你可以这样用：

# ionic g page <PageName>
ionic g page myPage

√ Create app/pages/my-page/my-page.html
√ Create app/pages/my-page/my-page.ts
√ Create app/pages/my-page/my-page.scss

这会同时创建出 html，ts，scss。不光可以创建page还可以创建provider:

ionic g provider MyData

√ Create app/providers/my-data/my-data.ts

这将使用Angular的http类创建一个带有简单http get请求的标准类。

放到最后说因为大爱这个命令，现在创建component或者provider只需回车然后喝口水！

能够创建的成员有：

• component

• directive

• page

• provider

• pipe

• tabs

命令	描述
ionic g	使用Ionic构建器快速创建组件