以王之名 发表于 2019-3-14 14:09

如何创建自己的npm包

这个测试包npm地址(https://www.npmjs.com/package/package-test-wly)

1,注册npm官网账户
2,本地打开命令行使用命令npm login 在本地登录自己的npm账户(这个命令号是输入的测试账号,请大家自行注册后登录自己的账号)

//note.youdao.com/src/FF3B98CE330C4C9DA1E3905EFBC764AD
这里登录之后可以使用 npm who am i命令来检查,我登录的就是我自己的账号
//note.youdao.com/src/F61069E2CEB648C9A11766AA6E8ADF2E

上面已经把准备工作做完了,现在我们要开始真正的创建自己的包了

3,cd 到桌面,并使用命令mkdirtest-wly创建test-wly目录,并cd 到test-wly目录中

//note.youdao.com/src/60C2446DDB2E47F2814CAD893FC4919C
4,使用npm init 创建package.json文件,根据提示自行输入相应数据

//note.youdao.com/src/2A21731A69A1473F9F775C037B4BDC08
name:填写插件包名,默认是当前文件夹的名字(注意查看npm上有没有重复包名)。
version:你需要发布包的版本,默认是1.0.0
description:用一句话描述插件包,比如:‘a toast plugin for vue’
entry point:入口文件,默认是Index.js,你也可以自定义文件名(lib/index.js)
test command:测试命令,直接回车就好了,一般用不到
git repository:这个是git仓库地址,如果你的包是先放到github上或者其他git仓库里,如果没有的话,直接回车继续。
keyword:包的索引关键字就像百度查询的关键字一样(写些重点就行了)。
author:作者名称(GitHub名称或者自己喜欢的名字都可以没有硬性规定)
license:开源类型,一般直接回车就行了,
这个时候我们的文件夹test-wly下只有package.json文件

5,我们开始创建其他文件
(1-1)lib目录               
(1-2)lib目录下新建 test.js    具体的方法
(2)index.js              包的入口文件
(3)   README.md   这个包如何使用的解释说明
建好之后我们的目录结构现在是这样子的

//note.youdao.com/src/AF2FC7F8453141F1B2C3C0514E4006C8
6, 现在我们开始真正写我们的方法,在 lib/test.js文件中写

//note.youdao.com/src/265D68471214495BAE80DBEE63462AF5
7,在index.js文件中敲上

//note.youdao.com/src/2AEBECFEE6544FF79445B8CED5A387D2
8,在README.md中写上如何安装和使用这个包

//note.youdao.com/src/09FDE86B78C24EF7A255E48DC4ED7605
具体效果可以去下载这个包测试使用
以上这些就是我们呢这个测试包的全部内容,现在我们开始把他发布出去

9,在命令行中cd到test-wly中
使用命令npm publish 就可以发布了
//note.youdao.com/src/8ADCC38EE2804B7D822C6FAF82FD1E2C

10,当你要更新你的npm包时可以找到 package.json 文件中的版本号
小改动就将最后一位加1然后再次使用npm publish发布就可以了
//note.youdao.com/src/A282D5FA00D34C5CA356024280179166



//note.youdao.com/src/933115B6C6284CBBAE35900A43FE05D8
11,关于删除,如果想要删除npm有很多限制,24小时之内的才能删除或撤销,却没有办法真正删除

12,npm发布私有包与普通包的区别
(1)在npm初始化的时候增加一个全局参数 --scope = '私有包名'
npm init --scope=ebooker (第一次发布)
(2)在发布的时候,先配置npm环境为私有包环境
npm config set scope ebooker
(3)发布时,若不是付费账户,只能发布公开的私有包,若出现权限问题,只需在发布时配置一下发布权限为,公开
npm publish --access=public

看到这里觉得有用的话请给个免费的评分哦

blank52 发表于 2020-7-27 10:18

感谢楼主
页: [1]
查看完整版本: 如何创建自己的npm包