uni-app开发笔记_01

        这两个月接触了uni-app的项目,作为纯iOS开发接触uni-app一段时间后,uni给笔者的感觉就是坑,那是一个大坑,笔者一开始是用公司电脑已经安装了的hbuilderx 1.7.0版本,后续笔者用hbuiderx2.3.6进行开发,开发完后再用1.7.0版本进行本地打包,笔者html和css小白,因此一上班看了两天uni-app的教程的时候,然后开始直接撸码。

        为啥要用hbuilderX1.7.0呢,因为笔者手上代码的前一手说如果用了高版本出现什么问题的时候他们不负这个责任,于是零基础的笔者羽翼未丰只能无奈地用旧版的IDE开始探索的生涯。那为啥忽然要用hbuilderx2.3.6进行开发呢,因为这里面有个坑。

        坑1:因为忽然有一天笔者用iphone真机跑1.7.0一直装不到hbuilderx这个app,笔者甚至通过iTunes把hbuilderx的包直接强行安装到iphone上,hbuilderx是企业签,安装到手机上后需要信任hbuilderx的公司dclound才能使用,而通过iTunes把hbuilderx强行安装到手机上会像企业号掉签了似的,灰色的图标,点击不了;而当笔者把版本提高到2.3.6后,能正常打包了;

       坑2:笔者有同事下载了hbuilderX,但由于项目有很多地方用到scss/sass,于是一直报错,安装插件scss/sass,然而菊花又不停在转,几个小时过去了,依然安装不到;由于他喊着他不是前端不会前端出现的问题,作为公司一个像是前端然而又其实只是iOS小客户端的笔者感到尴尬,于是插手去解决他的问题,笔者到dclound论坛搜寻答案;

尴尬的是,笔者在plugins里并没有找到compile-node-sass这个目录

最后,毫无头绪的笔者用一个比较强硬的方法,把别人家的整个compile-node-sass目录拷贝到hbuilderx的plugins目录里面,然后scss/sass就能直接用了;

        坑3:使用旧版的hbuilderx编译器,笔者一直跑的是真机,ios和安卓都有,然而让笔者比较无奈的是,老板一直在催项目,然而,在很多紧张的时刻,旧版hbuilderx的控制台信息打印不出来,开始的时候笔者以为是是不是代码写错了但又没有报错,导致控制台打印不出来,然而,笔者尝试把整份代码原封不动移到其他电脑用相同版本的hbuilder跑起来,它娘的,它又能打印出来了,console.log打印不出来的时候,完全靠想象力写代码的意思。后来换了个高版本的hbuilderx,打印不出来的频率降低了很多很多。

        准备好hbuilderx环境,真机ios/andriod也能跑起来了,就开始正式撸码了;uni-app给笔者的感觉就是他想打造快、靓、正的大排档文化(然而才出生不久,还有点稚嫩太多坑了),与原生app高级食府走不同的路线,如果不需要很多高度自定义的话,确实用uni-app实现会比较快,但如果有很多细节需要高度自定义的话,确实不太建议用uni-app,用uni-app在产品的细节上有时需要妥协;

         iconfont:阿里图标矢量库,没有UI的公司,直接uni-app+阿里图标库iconfont的配合开发是最快的。直接像购物一样在阿里图标库获取。

阿里图标矢量库

选择图标:

把图标添加至项目

下载至本地:

下载至本地

在文件夹里获取iconfont.css文件:

取得iconfont.css文件,把文件放入项目

在main.js挂靠全局:

挂靠全局

使用:

<text class="iconfont">&#xe620;</text>

<text class="iconfont icongengduo2"></text>

待续。。。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • uni-app跨平台框架官方教程 链接:https://ke.qq.com/course/343370 一、框架简...
    Neyo_凉阅读 36,440评论 0 43
  • 公司新产品要求发布到各家小程序,最近研究对比了社区主流的几家小程序开发框架,独坑不如拉人众坑,分享给各位,欢迎和我...
    jianfly阅读 63,813评论 23 97
  • uni-app是一个使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、...
    十佳少年阅读 13,914评论 0 3
  • 离别的雨季 惟愿 阳光随你 春风随你... ...[大哭]
    玉玲珑_ce81阅读 3,335评论 0 5
  • 看电视剧《知否知否》第二集,卫小娘对女儿明兰说:最近营养滋补品如流水一般,无功不受禄,反常必有妖。可怜卫小...
    左右不对阅读 2,415评论 0 4