ionic主要使用网页的开发方式,一般的web开发的IDE就可以了,有大型的也有轻量级的供考虑,每个开发人员都有自身喜爱和倾向的IDE,在此不一一列举了,个人推荐VS code,比较轻量型的,下载不用翻墙,重要是开源免费!省却经常寻找激活码的烦恼,此外,官方维护频繁,功能齐全强大,插件丰富,同时开源社区活跃,不仅IDE本身,包含插件的更新得到很好保障。
用于ionic开发的插件推荐:
Npm Intellisense
模糊查询模块,已安装模块快捷导入,未安装模块提供一键下载安装,你还在考虑什么?
Path Intellisense
路径智能提示,方便填写完整路径
TypeScript Importer
还在手动一个个敲入import {} ?而且还常常敲错名字或路径?那你就凹凸曼了,用它帮你自动完成,用得不要太爽。
ts importerTypes auto installer
当安装一个第三方js包时,如:
npm install --save lodash
插件会自动执行下属命令安装响应types文件:
npm install --save @types/lodash
Auto Import
有C#或者java经验的会有似成相识的感觉。
auto-importionic 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
可惜系统重装了,原有装的插件很多都忘记名字了,不然应付各种开发情况,生活可以更美的。
网友评论