发包准备

发包准备

准备好npm账号,vue脚手架,node环境等,待会需要使用到。

npm账号

首先明确发包地址是npm,而不是本地项目,因为发包的主要目的是为了方便下次的使用。

  1. 注册npm账号Sign up注册npm账号(已有账号可忽略)。
  2. 账号注册好了可登录上去,待会可看发包的结果;

组件项目

组件项目专为组件发包搭建起的一个项目,和搭建一个vue项目几乎是一样的。

  1. vue init webpack project-name或者使用vue-cli脚手架搭建项目都可以。
  2. package.json
    version: 发包的版本号;
    private:false,因为发包之后任何人 npm 下来都可以使用;
    main: 程序的入口文件;使用vue init webpack搭建的项目可以把mian入口设成 build之后的dist/fulangren.min.js文件(发包前都需要npm run build);
    repository: 组件项目存放的位置,我这把放在git了;
    keywords:便于搜索npm 包(搜索关键字,譬如:fulangren)。
    其他的也没有太大的区别了。

组件代码

一个字—— ,兄弟,码业务组件代码吧,这个帮不了了。(后续有时间会把组件码的过程发出来)

登录发包

  1. 打开编译器终端,登录npm账号登录npm账号
  2. npm pubilsh 发包,发包完成可在npm上根据搜索字查看。
  3. 注意发包组件名不能与npm上已有包名重复,每一次组件的发包version都需要做改变,根据自己做的版本更改程度来更改
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值