【开发指南】(二)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

REST Client

VSCode上的Postman,方便灵活调试API。

Import Cost

这款插件可以显示import的体积,如果比较大,就可以考虑异步加载js文件了。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容