npm 上传自己的依赖包 新手教程

npm 上传自己的依赖包 新手教程

    • 首先要创建自己的npm账号(免费的)
        • Step1 初始化包
        • Step2 查看npm地址
        • Step3 npm登录
        • Step4 发布
        • Step5 发布完毕
        • Step6 通过npm官网登录并查看自己发布的依赖包
    • tips
        • npm常用指令
        • package.json 部分属性说明

最近工作中用到了npm发布自己的包,分享下经验,这里仅介绍怎么发布npm包

首先要创建自己的npm账号(免费的)

有账号的可以跳过这步

https://www.npmjs.com/
npm 官网

进入官网点击注册,如下图:

npm 上传自己的依赖包 新手教程_第1张图片

设置用户名、输入邮箱、设置密码,进入输入的邮箱点开官方发的邮件

一定要点邮件,不然未认证成功,影响后面发布操作

Step1 初始化包

新建一个文件夹在当前文件夹,并在新建的文件夹内打开cmd,输入命令

npm init

npm 上传自己的依赖包 新手教程_第2张图片

然后一路回车到底,你会发现刚刚新建的文件夹里多了个 package.json 文件

{
  "name": "cute", //包名  显示你创建的包名 your-project
  "version": "1.0.0", //版本号
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

Step2 查看npm地址

npm config get registry

如果之前用的淘宝镜像

输入命令切换地址

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

Step3 npm登录

npm login
依次输入注册时的用户名、密码(密码输入时光标是不动的正常输入就好)、邮箱。出现下面信息证明登录成功

登录成功

Step4 发布

npm publish

备注:

1.发布前要记得去npm官网查看下有没有重名。
2.package.json文件里的name 为包名书写要符合规范,更新包时版本号不可以一样。
3.报错403、400 查看包名是否名重复、不规范,另外检查下注册时有没有点击官方发来的邮件链接。

Step5 发布完毕

再切换回国内淘宝镜像

npm config set registry https://registry.npm.taobao.org

Step6 通过npm官网登录并查看自己发布的依赖包

复制自己发布包的安装命令,如下图:

npm 上传自己的依赖包 新手教程_第3张图片

npm i your-project   //输入自己的包名 your-project

tips

npm常用指令

 npm init           //初始化依赖
 npm install        //下载包
 npm unistall       //删除包
 npm login          //登录npm
 npm adduser        //模块发布用户登录
 npm unpublish      //下架依赖
 npm config set     //设置仓库镜像

package.json 部分属性说明

name             //包的名称
version          //包的版本号
description      //包的描述
author           //包的作者
dependencies     //生产环境依赖包列表
devDependencies  //开发环境依赖包列表

阅读原文


npm 上传自己的依赖包 新手教程_第4张图片

你可能感兴趣的:(web前端,npm)