美文网首页我的ionicionic3ionic3+
【开发指南】(二)Ionic3开发工具插件推荐

【开发指南】(二)Ionic3开发工具插件推荐

作者: IT晴天 | 来源:发表于2017-08-11 20:32 被阅读508次

    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

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

    相关文章

      网友评论

      • UP_76bf:咱俩插件惊人的相似

      本文标题:【开发指南】(二)Ionic3开发工具插件推荐

      本文链接:https://www.haomeiwen.com/subject/nimrrxtx.html