如何发布个人npm包

作者: 前端辉羽 | 来源:发表于2020-11-22 21:33 被阅读0次
  • mkdir rc-text-tools(新建一个文件夹)
  • cd rc-text-tools/
  • npm init
初始化npm.png
  • 新建一个index.js
function cutLongString(string, number) {
    let newString = ''
    if (string.length > number) {
        return newString = string.substring(0, number) + '...'
    } else {
        return newString
    }
}
module.exports = cutLongString
  • 接下来来进行发布,首先检查一下本地的npm配置 npm config list,注意在发布npm的时候,远程仓库的地址一定要改回npm自己的,比如平时我们习惯把源设置为淘宝,这时候需要再手动改回官方的仓库地址
  • npm set registry https://registry.npmjs.org/
  • npm adduser(在本地添加添加npm用户,如果没有就去npmjs.com注册一个,Email一定要是验证过的,否则待会会上传失败)
  • npm whoami(查看当前登录的账号)
  • npm publish(发布当前位置所处的包,包名记录在package.json里面name属性)
  • 我们新建一个空文件夹,然后npm init -y
  • yarn add rc-text-tools(安装我们刚才发布的包)
  • 新建一个index.js
const cutFunc = require('rc-text-tools')
console.log(cutFunc('HelloWorld',3))
  • node index.js(验证我们刚才发布的包引用成功)
效果示意图.png
  • 我们还可以在package.json中的srcipts中增加一个start属性
"start":"node index.js"
  • yarn start(效果等同于node index.js)

下载安装项目的时候最好再把源改回淘宝,否则安装会特别的慢
npm config set registry https://registry.npm.taobao.org/
频繁的切换会很麻烦,建议使用nrm工具,可以快速切换不同的源,安装了nrm之后,nrm ls查看源列表,nrm use npm快速切换到官方的源

发布一个自己的脚手架工具

其本质和发布npm包是一样的,只是需要借助yoeman快速形成工程化项目
全局安装 npm install -g yo,然后就可以全局使用yo命令

安装脚手架工程的基础项目(创建脚手架工具的项目)
npm install -g generator-generator
yo generator,输入这个命令,接下来会出现一系列提示,按照提示填写后(license可以选择MIT),回车自动安装项目,安装完毕形成一个刚才输入的项目名称同名文件夹。注意点:version不能是0.0.0,可以手动改成1.0.0

cd到我们刚才建立的打算发布为脚手架工具的文件夹中 ,然后npm publish进行发布
出现+包名@版本号 代表我们刚才发布成功了
此时我们随意去别的新的文件夹中,cd其中,npm install -g generator-xxx-xxx,全局安装了之后就可以直接通过yo xxx-xxx创建我们自己的脚手架项目了

相关文章

  • 如何发布个人npm包

    mkdir rc-text-tools(新建一个文件夹) cd rc-text-tools/ npm init 新...

  • 如何发布npm包

    1、npm是什么? NPM (node package manager),通常称为node包管理器。顾名思义,它的...

  • 一分钟教你发布npm包

    文章简介:1、摘要:什么是npm?2、如何发布一个自己的npm包3、发布错误集锦 摘要:什么是npm? npm是j...

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

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

  • npm包的发布流程

    文章简介: 什么是npm?npm 的安装方式。 如何发布一个自己的npm包。 什么是npm? npm,全程【nod...

  • npm操作

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

  • npm包发布流程

    npm包发布流程 标签(空格分隔): Node.js npm包发布流程 注册npm账号 方式一:去npm官网注册 ...

  • 如何发布npm模块包

    1 npm init 之后 写点代码 2 npm login 登录 3 npm publish 发布 4 发布更新...

  • npm包如何发布更新

    npm publish遇到403权限问题: [no_perms Private mode enable, only...

  • 如何在npm发布一个包

    发布一个npm包 1 登录 npm 2 更新包版本号 3 发布 设置npm publish 时的发布文件(有时我们...

网友评论

    本文标题:如何发布个人npm包

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