npm发布包流程详解 有demo

2019-12-06 11:01:31

参考链接 动手上传自己的npm包

npm发布包步骤,以及踩过的坑(见红颜色标准):


1.注册npm账号,并完成Email认证(否则最后一步提交会报Email错误)


2.npm添加用户或登陆:npm adduser 或 npm login


 


 3.更改npm源


平时我们可能用的是淘宝的镜像路径,而淘宝的镜像只有下载功能,不支持上次npm包。所以先把npm源改回来,等到发布成功后再改回来


4.制作自己的npm包


在目录下新建一个npm包的文件夹,如npmDemojsl,尽量取得特殊一点,不然很容易很已有的冲突

cmd进入目录下,运行npm init,生成package.json文件



编写主文件:index.js(npm init默认的入口文件是index.js,这可以自己定义)

随便写一个简单的hello输出: 


var hello = function(msg) {

    console.log('hello'+msg)

}

module.exports = hello 

 5.发布npm包:npm publish 




登陆我们的npm,也可以看到我们发布的包 




到这里,我们发布的第一个npm包就成功了!


6.使用和验证我们的包


npm install npmdemo2jsl 下载我们刚刚上次的包

引入该包,编写测试test.js

const a = require('npmdemo2jsl')

a('jsl')

 运行test.js:node test.js 


  • 2020-03-09 22:11:39

    聊聊真实的 Android TV 开发技术栈

    智能电视越来越普及了,华为说四月发布智能电视跳票了,一加也说今后要布局智能电视,在智能电视方向,小米已经算是先驱了。但是还有不少开发把智能电视简单的理解成手机屏幕的放大,其实这两者并不一样。

  • 2020-03-11 09:43:20

    JavaScript shift() 方法

    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。

  • 2020-03-11 09:45:19

    45个优秀的vue开源项目

    在过去一年里,前端开发发展迅速,前端工程师的薪资亦是水涨船高。2019 更是热度不减,而作为近年来尤为热门的前端框架,Vue.js 自是积累了大量关注。本文将为你介绍 2019 年最值得关注的 45 个 Vue.js 开源项目——Let's go!

  • 2020-03-11 18:26:52

    Mac设置ADB

    adb在 ~/Library/Android/sdk/platform-tools文件夹内

  • 2020-03-11 19:40:56

    java.util.zip.ZipException: zip file is empty

    三、总结 出现 java.util.zip.ZipException: zip file is empty错误,表示你本地使用的jar包或者aar包可能为空,你可以检查下文件大小,如果为空,可以替换本地的jar包或者aar包为正常的jar包或者aar包,或者如果官方有相关的资源的话直接使用官方的依赖资源即可。

  • 2020-03-11 21:22:36

    Vue的组件化之notification组件/Vue.extend()

    一、把组件的内部结构写好,写成一个vue文件notification.vue。 二、全局设置组件属性。//如果后面不需要直接引入组件的方式调用,可以不用全局注册 index.js中一般写的是需要全局设置的属性。