一、安装nodejs

不多说了，网上教程多得是

二、创建自己的npm包

目录结构

npm-test
- a.js
- b.js
- package.json

开发

为了简单便于理解，就开发一个简单地hello程序

a.js

function hello(name){console.log("hello "+ name);
}
exports.hello=hello;

b.js

var h=require('./a');
h.hello('Jarrick');

使用命令npm init创建一个package.json

{"name": "qzy-npm-test","version": "1.0.1","description": "npm包开发测试","main": "a.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"repository": "","keywords": ["qzy","npm-test"],"author": "quanzaiyu","license": "ISC"
}

三、发布npm包

首先，必须注册一个npm账号，自己去 https://www.npmjs.com 注册即可。此处不多说

添加账户

npm adduser

填入自己的npm账户名、密码和邮箱即可

发布npm包

npm publish

进入npm个人中心，可以看到自己的npm包已经发布在上面了

获取npm包

npm install <package-name>

此处package-name使用qzy-npm-test即可
可以看到，多了一个node_modules目录，里面多了一个qzy-npm-test文件夹，里面放的就是我们刚才创建的npm包，包含a.js、b.js、package.json三个文件

使用npm包

跟使用普通的npm包一样，问了测试简单，创建一个index.js，输入

let a = require('qzy-npm-test')
a.hello('qzy')

执行node index即可看见输出了hello qzy

更新npm包

更新npm包也是使用npm publish命令发布，不过必须更改npm包的版本号，即package.json的version字段，否则会报错:

npm ERR! publish Failed PUT 403
npm ERR! code E403
npm ERR! You cannot publish over the previously published version 1.0.0. : qzy-npm-testnpm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\quanzaiyu\AppData\Roaming\npm-cache\_logs\2017-09-12T07_59_18_829Z-debug.log

成功之后的提示:

λ npm publish
+ qzy-npm-test@1.0.1

转载于:https://www.cnblogs.com/xiaoyulive/p/7510888.html

如何开发一个npm包并发布相关推荐

怎么开发一个npm包
一.注册npm账号 * 怎么将代码提到github,大家都知道需要一个github账号 * 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器 * 注册地址:[htt ...
vue css load,vue css3loadding插件的开发以及npm包的发布管理
插件开发的话建议使用vue-gitment脚手架开发 vue init webpack-simple vue-gitment 如果提示执行cnpm install vue-cli -g 全局安装 c ...
npm收录了哪些包_手把手教你制作一个小而美丽的 npm 包并发布
第1步:npm账户你需要一个 npm 账户,如果米有,注册地址是:npmjs.com/signup 第2步:登录进入你自己电脑的终端(cmd)并输入: npm adduser 也可以使用以下命令: ...
用vue写一个npm包(package)，发布及引用
提示:vue写一个npm包(package) 文章目录前言一.npm 二.npm package开发三.引用package 总结前言之前一直都是用别人封装好的npm包,新接了一个需求,自己写 ...
npm 查看登陆账号_发布第一个npm包
这篇文章主要介绍如何发布一个npm包,这个过程并不复杂,学完之后你可以发布任何你喜欢的代码到npm网站上,之后你可以使用npm命令安装在其他项目中. 发布到npm网站之前,你必须在npm网站上创建一个 ...
手撸一个npm包，安利一下duiba-sprite
背景我所在组负责我司线上H5互动小游戏的开发,其中一部分开发者负责皮肤的开发.大致流程为:视觉出psd,开发者切图,开发者开发,开发者上传皮肤代码,运营验收.这里边有个奇葩的动作:开发者切图,为什么 ...
每日三问之html5css3新特性、如何写一个npm包、围绕vue-router展开分析知识点
html5&&css3新特性 html5 HTML5 新元素(HTML5提供了新的元素来创建更好的页面结构) 标签描述 <article> 定义页面独立的内容区域. &l ...
Unity编辑器开发（五）：实战、开发一个AB包编辑器工具
前言在我们上一篇(Unity编辑器开发(四):实战.开发一个AB包编辑器工具)的结尾,我们拥有了如下图中那样的一个编辑器窗口: 接下来我们来完成最后部分,也就是包括创建AB包,清理AB包,删除AB包 ...
npm包的发布-官网发布（一）
npm包的发布 npm初始化 npm init Terminal打印 This utility will walk you through creating a package.json file. ...

如何开发一个npm包并发布