React Native 开发React Native开发react-native开发

npm 发布组件常用命令

2019-03-20  本文已影响0人  星辰大海_王
以组件react-native-app-info发布过程为例进行说明:

一、npm 组件创建:

1.先安装组件库创建模板:react-native-create-library

所需环境:Requirements: Node 6.0+

npm install -g react-native-create-library

2.初始化一个组件项目:app-info
react-native-create-library [options] <name>

$ react-native-create-library --package-identifier com.carrot.appInfo --platforms android,ios  --generate-example true app-info

3.重命名项目名:

$ mv app-info react-native-app-info
  1. 安装默认dependencies

终端进入react-native-app-info文件夹下执行:

$ npm install

二、上传代码到github

先在github上手动创建仓库react-native-app-info,本地进行关联。

在本地执行以下命令把代码同步到你github对应的repository中:

1、 cd react-native-app-info

2、 git init //初始化本地仓库

3、 git add . //添加要push到远程仓库的文件或文件夹

4、 git commit -m 'init repository'

5、 git remote add origin  "github对应的项目git地址"  //建立链接远程仓库

6、 git push -u origin master #将本地仓库push到远程仓库

三、npm 组件发布:

npm官方registry为:http://registry.npmjs.org/

国内速度较快的为:https://registry.npm.taobao.org/

1.查看当前registry

`$ npm config get registry`

2.切换registry
2.1全局切换:

`$ npm config set registry http://registry.npmjs.org/`

2.2发布组件时,临时指定:

`$ npm publish --registry http://registry.npmjs.org/`
  1. 创建/登陆npm registry账户

3.1 npm registry注册用户:

$ npm adduser

3.2 登录npm registry

$ npm login

利用以下两种方式来确认你是否创建/登陆成功npm registry

.查看当前登录用户

$ npm whoami

.还可以在线打开 https://npmjs.com/~username 查看是否创建账户成功

注意:初次注册、登录npm账号,需要填写邮箱,并进行激活

4.发布命令:
4.1首次发布:

$ npm publish

4.2更新发布

$ npm version <update_type>
$ npm publish

$ npm version命令是用来自动更新版本号,update_type取值有patch minor major。那么在什么场景应该选择什么update_type呢?看下表

update_type 场景 版本号规则 举例
- 首次发布 版本号1.0.0 1.0.0
patch 修复bug、微小改动时 从版本号第3位开始增量变动 1.0.0 -> 1.0.1
minor 上线新功能,并且对当前版本已有功能模块不影响时 从版本号第2位开始增量变动 1.0.3 -> 1.1.3
major 上线多个新功能模块,并且对当前版本已有功能会有影响时 从版本号第1位开始增量变动 1.0.3 -> 2.0.0
上一篇 下一篇

猜你喜欢

热点阅读