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 


  • 2019-10-19 11:22:49

    window安装ffmpeg-concat出现的坑和解决办法

    最后还是选择了fluent-ffmpeg,没特效就没特效吧。最起码有声音吗。 ffmpeg-contact也可以有声音,但是需要先提取出来再合并进去,不知道能不能有效同步,果断放弃。

  • 2019-10-19 13:37:44

    v-model里使用过滤器

    档所述过滤器只能用在v-bind指令和{{}}表达式中,v-model中使用过滤器是一种思维误区。 因为v-model里实现数据显示和存储格式的转换应该是双向的。如下例:

  • 2019-10-19 16:35:45

    Vue.directive使用注意

    首先,Vue.directive要在实例初始化之前,不然会报错,还有,定义的指令不支持驼峰式写法,也会报下面同样的错,虽然在源码中没有找到在哪里统一处理大小写,但是在有关directive的方法中捕捉到的指令命名统一变为小写,所以,还是用'-'或者'_'分割吧。