npm包实践

作者: 孤星伴明月 | 来源:发表于2018-11-30 22:18 被阅读0次

0.背景

在工作中我们积累了一些自己的功能代码,例如克隆一个对象,数组去重等等。这些功能代码可以在其它项目中重复使用,此时我们就可以选择把代码打包放在npm上,在需要要使用的项目中,通过npm install去下载下来。

1.基本思路

  1. 源代码放在github上进行托管。
  2. 在本地下载代码,编辑代码,同步代码到github。打包上传到npm上,发布新版本。

2.目标

在npm上留下自己的package。

3.步骤

  1. 在github和npm上注册帐号。
  2. 在github上创建一个repository。设置repository name, description, 选择创建readme。这个仓库就用来保存你的源代码。假设仓库名是myNpm
  3. 在本地磁盘上,通过
git clone https://github.com/***/myNpm.git

命令,把github上的代码下载到本地。

4.在myNpm目录下,通过

npm init

命令来创建一个package.json文件,对你项目myNpm信息进行设置。

  1. 在myNpm下编写你的代码。此时你可以通过相关的git命令把你的代码同步到github上。常用的命令有:
git add ..  /*把文件添加到本地版本库中*/
git commit -a -m '修改说明' /*把本次代码的改动保存到本地版本库中*/
git push /*把本地的版本库同步到远程代码库*/
git status /*查看当前的代码仓库的状态*/
git pull /*从远程仓库拉取代码到本地*/

也可以通过github客户端来管理代码。

  1. 通过 npm pack对代码进行打包
npm pack

这个命令会把代码打包成一个.tgz文件。你可以在文件系统中看到这个文件。

接下来,就要把这个.tgz文件上传到npm官网上去,供他人通过

npm install myNpm

来下载使用。

  1. 切换当前npm源到官网

由于我们需要把包上传到npm上,所以要先确保当前的npm源是npmjs.org
通过如下两条命令进行设置。

npm config get registry /*查看当前的npm的registry配置,确保是https://registry.npmjs.org*/
npm config set registry https://registry.npmjs.org /*手动设置registry*/
  1. 连接npm
npm adduser  

这个命令需要输入三个信息:用户名,密码,邮箱。
你也可以通过如下命令检查自己是否连接成功了。

npm who am i

如果成功了,则可以最后一步了:publish

  1. 把包上传到npm
 npm publish 

出错的可能是:(1)这个包名被别人先用了。(2)包的版本号不对:每次publish时,包的版本号都应该要大于之前的版本号。

如果没有报错,则表示一切ok,你可以用你的帐号密码登陆npm,去查看你名下的package是否有了myNpm

  1. 通过npm install myNpm 下载使用。
    查看包的源文件地址

其它

  1. 把npm源设置到常用的taobao镜像
npm config set registry https://registry.npm.taobao.org
  1. nrm 可以帮助我们去管理registry
npm install nrm -g
nrm ls /*列出所有可以供选择的镜像*/
nrm use taobao /*使用 taobao镜像 */
  1. 通过npm view myNpm 查看包的基本信息
  2. 通过npm view myNpm repository.url:

相关文章

  • npm包实践

    0.背景 在工作中我们积累了一些自己的功能代码,例如克隆一个对象,数组去重等等。这些功能代码可以在其它项目中重复使...

  • 小程序npm构建问题

    实践遇到,npm构建完报错,找不到某个npm包。 【解决方案】 确认 miniprogram_npm 是否已经存在...

  • gulp 流行插件使用入门

    前言 1、本文用cnpm代替npm,因为实在受不了npm拉包的速度。2、本文直接以实践操作讲解gulp的流行插件,...

  • 自定义npm包的创建、发布、更新和撤销

    大纲 1、准备2、自定义npm包3、发布自定义npm包4、引用npm包5、更新npm包6、撤销发布的npm包 博客...

  • npm install -s与-d的区别

    npm i 包名 -S =======npm install 包名 --save npm i 包名 -D ====...

  • npm 全局安装包

    npm查看全局安装过的包 npm更新单个全局安装包 npm查看可以更新的全局安装包 npm更新所有全局安装包

  • Node npm操作常用命令行

    安装包npm install 包名 执行即会安装这个包和它所依赖的所有包别名:npm i(简写)npm i 包名@...

  • npm命令

    查看本地某个包 npm ls xxx or npm list xxx 查看本地全部包 npm list --...

  • npm操作

    npm所有者管理: npm登录: npm查看用户信息: 发布(包): npm撤销发布的包: npm退出: 初始化n...

  • npm ERR! code EINVALIDPACKAGENAM

    npm安装的包npm可以卸载,cnpm 安装的包,但是cnpm、npm无法卸载,报错信息如下 npm ERR! c...

网友评论

    本文标题:npm包实践

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