【开发指南】（二）Ionic3开发工具插件推荐

ionic主要使用网页的开发方式，一般的web开发的IDE就可以了，有大型的也有轻量级的供考虑，每个开发人员都有自身喜爱和倾向的IDE，在此不一一列举了，个人推荐VS code，比较轻量型的，下载不用翻墙，重要是开源免费！省却经常寻找激活码的烦恼，此外，官方维护频繁，功能齐全强大，插件丰富，同时开源社区活跃，不仅IDE本身，包含插件的更新得到很好保障。

用于ionic开发的插件推荐：

Npm Intellisense

模糊查询模块，已安装模块快捷导入，未安装模块提供一键下载安装，你还在考虑什么？

Path Intellisense

路径智能提示，方便填写完整路径

TypeScript Importer

还在手动一个个敲入import {} ?而且还常常敲错名字或路径？那你就凹凸曼了，用它帮你自动完成，用得不要太爽。

ts importer

Types auto installer

当安装一个第三方js包时，如：

npm install --save lodash

插件会自动执行下属命令安装响应types文件：

npm install --save @types/lodash

Auto Import

有C#或者java经验的会有似成相识的感觉。

auto-import

ionic 2 Commands with Snippets

有了它，我们不用手动敲打cli的命令来创建各种组件，只需要在要创建目录右键选择，输入名称即可；

ionic2-command snippets

也可以html 中敲入以下命令，快捷创建ionic的标签，但有些不全

i2-list            //add a ionic list with header and item

i2-list-grp        //add a ionic list with header, group and item

i2-list-reord-grp  //add a ionic group with reorder and iterator

……

Ionic 2 Snippets

html的智能提示，使用“ion2-”做前缀，示例：

ion2-button

ion2-button-block

ion2-button-clear

ion2-button-full

ion2-button-icon-left

……

Ionic 3 ionView Snippets

快捷输入生命周期相关方法

ionViewDidLoad

ionViewWillEnter

ionViewDidEnter

ionViewDidLeave

ionViewWillUnload

ionViewCanEnter

Ionic2-vscode

适用于不太记得cli命令，或不太乐意手敲命令的人

Ionic Serve

Ionic Emulate Android

Ionic Run Android

Ionic Emulate Ios

Ionic Run Ios

Ionic Generate

可惜系统重装了，原有装的插件很多都忘记名字了，不然应付各种开发情况，生活可以更美的。