美文网首页
组件化初涉

组件化初涉

作者: 田心甜心 | 来源:发表于2018-05-08 17:40 被阅读9次

前言

其实,在上一年接触过组件化的内容,当时的目的也只是扩展自己的知识与见识,在面试问到的时候,也能回答上一二。不过对于我,这种学而不用的东西,很快就会遗忘,这也体现的学习巩固的重要性。
现在在新的项目里满满的组件化内容,让我不得不重新学习组件化的内容。

准备

开始啦

这篇文章只简单的讲下操作流程,如何让自己的库能pod下来,细节会在下一篇介绍。

  • 首先在你的GitHub上新建一个项目,然后git clone克隆到本地,新建一个Classses的文件夹,里面放入你想放入的代码,上传到远程代码库,Classes中放的是我想上传的代码,里面就2个文件。最后像我这样:

    image.png
  • 然后在终端中cd进入库所在的文件夹中,创建spec描述文件文件,命令是pod spec create HPStudy 最后那个名字改成自己的。出现绿色的说明成功了。

    image.png
    你可以在目录里确认下:
    image.png
  • 配置描述文件,打开它,修改成所需要的,详细的下一篇再讲。描述文件:

Pod::Spec.new do |s|

  s.name         = "HPStudy"
  s.version      = "0.0.1"
  s.summary      = "HPStudy"
  s.description  = "HPStudy Description"
  s.homepage     = "https://github.com/harryphone/HPStudy"
  s.license      = { :type => "MIT", :file => "LICENSE" }
  s.author       = { "HuangYiFeng" => "harryphone@163.com" }
  s.source       = { :git => "https://github.com/harryphone/HPStudy.git", :tag => "#{s.version}" }
  s.source_files  = "Classes", "Classes/**/*.{h,m}"
 
end
  • 提交代码,更新远程代码库,打上tag值0.0.1
  • 现在可以向Cocoapods注册一个账号,因为你需要把自己库的描述文件传给他pod trunk register harryphone@163.com 'harryphone' --verbose
image.png
成功的话,他会提示你需要登录自己邮箱,去激活下: image.png

然后登录自己邮箱,你会收到一封邮件,点开链接。激活下就行。

  • 最后一步就是把自己的spec文件传上去:pod trunk push HPStudy.podspec,等待的时间有点长。
    image.png

这是成功后的显示。

  • 当然我们传上去的目的是要用,先查询下有没有自己的库。 pod search HPStudy,结果如下: image.png
    终端提示我们找不到这个名字的文件,原因当然是本地索引文件没有同步到远程最新的。
    先把本地原有的索引文件删掉,
    image.png
    然后在终端中pod setup更新下本地的spec文件
    等更新完后,再次搜寻下 pod search HPStudy,就会找到你想要的库了
    image.png

总结

这篇文章主要用来给我自己快速回忆所用,有些详细的,有空我会在后面补上。

相关文章

  • 组件化初涉

    前言 其实,在上一年接触过组件化的内容,当时的目的也只是扩展自己的知识与见识,在面试问到的时候,也能回答上一二。不...

  • 学习小组Day7笔记——思

    初涉测序 名词结构化

  • 初涉模块化

    早期的JavaScript发展初期只是为了少量的页面交互逻辑,且功能(逻辑)简单,代码量少,甚至于早期的Web是没...

  • iOS组件化(初)

    前言:记录最基础的Framework包生成,更多关于组件化开发,后期工作中探索后会及时更新。 修改SDK系统版本支...

  • 初涉.

  • 初涉

    环境造就格局预定义人生, 人们忽略换位想掌控乾坤。 骄傲而固执的人认为世间没有对错, 平静的银河系中无数的星系在黑...

  • React Native学习之路(6) - React Nati

    (1)单一组件的生命周期再学习 **一 ( 组件初始化 ): ** (1) getDefaultProps:获取初...

  • 初涉npm

    NPM是什么 NPM(node package manager Node包管理器)以往的Web开发中,JS文件数量...

  • 诗坛初涉

    诗坛初涉 写了多少首, 我从未细数; 改了多少次, 也未在意。 怎知道, 语言是否传统。 怎知道, 又有多少层次...

  • 初涉webpack

    什么是webpack? 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(mod...

网友评论

      本文标题:组件化初涉

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