(转)前端开发-发布一个NPM包之最简单易懂流程

原文地址:https://www.cnblogs.com/sghy/p/6829747.html

1.npm官网创建npm账户

npm网站地址:https://www.npmjs.com/

npm网站注册地址:https://www.npmjs.com/signup

2.命令行工具登录npm

npm login

验证登录是否成功

npm who am i

3.创建npm库

npm init

按照提示输入相应内容:

以下为package.json内容:

{
  "name": "zgb_npm",
  "version": "1.0.0",
  "description": "it is a example npm",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "zgb",
  "license": "ISC"
}

4.同级目录下新建index.js并编写内容

exports.sayHello=function(){
    return "Hello,zhoudaozhang.";
};

到这里我们一个简单的npm包就创建完成了,接下来我们来发布npm包

5.发布npm包

npm publish

如果发布成功,则会提示:

6.验证是否发布成功

换一个目录,下载我们刚刚发布的npm包

说明刚刚已经发布成功了

7.版本更新

npm version <update_type> -m "<message>"

其中update_type 有三种:

patch增加一位补丁号(比如 1.1.1 -> 1.1.2)

minor增加一位小版本号(比如 1.1.1 -> 1.2.0)

major增加一位大版本号(比如 1.1.1 -> 2.0.0)

比如:

npm version patch -m "Version %s - v1.0.2"

最后提交更新的版本:

npm publish

8.舍弃某个版本的模块

npm deprecate [email protected]"< 1.0.2" "critical bug fixed in v1.0.2"

9.撤销自己发布的版本。这只是一个测试的包,最好当然还是撤销下来


1

//删除要用force强制删除。超过24小时就不能删除了。自己把握好时间。

npm --force unpublish zgb_npm

10.注意事项:

a.发布的时候用国内镜像会报错,我们应使用默认的:

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

b.npm包package.json中registory属性一定要填写,每次publish npm时package.json中version版本一定要大于上一次。

c.npm publish failed put 500  unexpected status code 401这样的报错信息,往往是没有登录成功,操作npm login

d.npm包的name是唯一的,如果有同名,发布时会报错

原文地址:https://www.cnblogs.com/lml2017/p/10734835.html

时间: 2024-11-05 12:25:48

(转)前端开发-发布一个NPM包之最简单易懂流程的相关文章

如何发布一个npm包?

npm包在现在前端开发中经常使用且便利,而我也是经常使用,而没研究怎么去发布npm.那如何发布npm包呢? 一.在npm的官网上注册一个账号登录,https://www.npmjs.com/ 注意此步骤记住登录名和密码,后面会使用到 二.新建一个目录,比如study,进入到这个study目录里,使用 npm login 命令登录,按照提示操作: 注意 password 输入时不显示,继续按正确方式输入就行,不影响 三.进入study目录,执行命令npm init 初始化项目生成package.j

怎么开发一个npm包

一.注册npm账号* 怎么将代码提到github,大家都知道需要一个github账号* 同样,开发一个npm包,当然也需要一个npm账号,将npm包发布到npm的托管服务器* 注册地址:[http://npmjs.org](http://npmjs.org)* 该实例包含了模块的局部调用和全局调用两种方式 二.开发npm包 1.目录构建* npm init* 项目结构:```javascript.├── bin //命令配置├── README.md //说明文档├── index.js //主

react组件化开发发布到npm

1.项目目录 build:webpack打包用(开发环境.发布环境) example:开发环境的模板页 lib:打包好的文件夹(用于发布到npm上) src:想要封装的公共组件 .babelrc:处理es6语法 package.json:打包的依赖文件,管理项目模块包 开发环境配置(webpack.dev.config.js) const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin')

上传一个npm包

1.先创建一个npm账号 https://www.npmjs.com/signup 2.在cmd里输入命令进入项目文件夹 3.使用npm init 命令创建一个package.json(确保nodejs已安装的情况下) 4.使用npm login命令登录npm账号,如果提示账号不正确始终无法登录, 可能是设置过了npm代理,看看当前用户目录下C:\Users\xia,是否有一个 .npmrc文件,打开文件看看是不是里面有注册代理的设置,如果有可以删除后 登录.成功登录后cmd没有任何提示, ht

nuget服务器搭建,以及如何发布一个Nuget包

一.本地dll如何打包,以及版本的更新 本小节主要介绍两种方式将本地dll打包为Nuget包, 1.1 利用nuget.exe进行打包(应用于.net framework) 1. 下载nuget.exe nuget.exe下载地址:https://www.nuget.org/downloads. 下载完成后,不需要安装.请将nuget.exe复制到需要打包的项目文件夹中 2. 打包成.nupkg包 首先运行.\nuget sepc 生成.nuspec配置文件,用于nuget的配置项 然后运行.\

npx:一个npm包执行器

如果你把NPM升级到最新版本,[email protected],可能会发现,它会安装一个新的包npx. npx 是什么 根据 zkat/npx 的描述,npx 会帮你执行依赖包里的二进制文件. npx是一个工具,旨在提高从npm注册表使用软件包的体验 ,npm使得它非常容易地安装和管理托管在注册表上的依赖项,npx使得使用CLI工具和其他托管在注册表.它大大简化了一些事: 举例来说,之前我们可能会写这样的命令: npm i -D webpack ./node_modules/.bin/webp

前端开发写一个node.js接口

本文章参考并实践这篇文章-----https://www.jianshu.com/p/20c4d72fb700 别看步骤多,但是非常简单非常简单的 第一步:安装node.js 首先要安装node,既然你都是前端了,这个环境肯定是有的 官网地址 https://nodejs.org/en/ 安装之后用node -v看看成功了没 第二步:创建一个文件,名字叫做se吧,进入文件之后npm init来创建一个package.json我的文件,init的过程你都按enter键就好了 第三步: 安装expr

开发中常用npm包随用随记

path fs http query events pm2 cluster - 生成多个进程并行管理 bluebird async node-http2 debug morgan - http请求日志 logger winston.express-winston-日志 http-error errorhandler log4js express-json body-parse cookie-parse cookie-session express-session supervisor- 监听 n

Servlet视频-开发第一个java web(最简单的java web程序)

web项目有目录结构要求 WEB-INFO 文件夹 是一个Servlet规范,必须要这么命名 WEB-INFO下也有目录结构要求,如下图 web.xml Servlet是个接口,接口有5个必须实现的方法 想实现java web 必须实现这5个方法destroy()   getServletConfig()   getServletInfo()    init(ServletConfig config)   service(ServletRequest req,ServletResponse re