码迷,mamicode.com
首页 > 其他好文 > 详细

发布、安装自己的npm模块

时间:2017-10-28 23:57:59      阅读:560      评论:0      收藏:0      [点我收藏+]

标签:on()   style   zhang   dmi   div   tag   name   编辑器   direct   

1、安装Node,可以去Node官网或者中文网下载文件自行安装。

2、在npm网站注册一个自己的账号,待会儿会用到这个账号,npm账号注册地址:https://www.npmjs.com/signup。注册完成npm会发一封邮件到你填写的邮箱里边,记得到你填写的邮箱里边去验证一下。

3、电脑打开命令行,键入:npm login,按照提示输入之前注册的用户名、密码、邮箱。

1 npm login

4、电脑任意位置创建一个文件夹,名字为你要发布的模块的名字。例如:testnpm

5、使用命令行进入到刚刚创建的文件夹中,键入:npm init创建一个package.json的文件。其中保存你即将发布的模块的名字、版本号、说明、作者等相关信息。

6、配置完package.json的文件之后,用编辑器创建一个js文件,文件名和你package.json里边配置的entry point的文件名保持一致,用module.exports导出模块即可。此js文件,及为模块的相关文件。

module.exports = function(){
  //模块的代码逻辑    
}

7、把编写的js文件,保存到你刚刚创建的testnpm文件夹当中去。

8、回到命令行中,如果命令行在当前文件夹中,直接输入npm publish既可发布模块。(若不在当前文件夹中,则需要输入npm publish 你的文件夹名字,来进行模块的发布)。

npm publish testnpm

9、如果发布过程中,提示:npm ERR! you do not have permission to publish "your module name". Are you logged in as the correct user? 即表示包的名字被占用了,可以通过访问npm的网站来进行包的搜索该模块是否存在。

10、如果中途没有报任何错误,即表示模块已经成功发布,可以通过npm install 你的模块名,来进行安装使用了。

11、自己也可以通过输入npm view 你的模块名,来查看模块是否发布成功,如果发布成功,会返回模块的配置信息。例如:

PS C:\Users\admin\Desktop> npm view tttnpm

{ name: ‘tttnpm‘,
  description: ‘第一个npm包‘,
  ‘dist-tags‘: { latest: ‘1.0.0‘ },
  versions: [ ‘1.0.0‘ ],
  maintainers: [ ‘zhanggujun <215564197@qq.com>‘ ],
  time:
   { modified: ‘2017-10-28T13:45:24.524Z‘,
     created: ‘2017-10-28T13:45:24.524Z‘,
     ‘1.0.0‘: ‘2017-10-28T13:45:24.524Z‘ },
  license: ‘ISC‘,
  readmeFilename: ‘‘,
  version: ‘1.0.0‘,
  main: ‘index.js‘,
  scripts: { test: ‘echo "Error: no test specified" && exit 1‘ },
  author: ‘‘,
  dist:
   { integrity: ‘sha512-ywRKwcLccDDIfJmsAVQ0p/iGsP+NuTlDn7jBTPdMmfCB/3T50+nXwX4rioYIW/8h0v5i/SfkClXr/8MhCGskvg==‘,
     shasum: ‘489950aec9982ecdfd3538de55e3df8d4b3f8c2e‘,
     tarball: ‘https://registry.npmjs.org/tttnpm/-/tttnpm-1.0.0.tgz‘ },
  directories: {} }

12、最后,可以通过npm --force unpublish 你的模块名,来删除发布的模块(超过24小时就不能删除了)。

13、关于模块的更新,和上传使用的是一样的指令,即npm publish(npn publish 你的模块名),只是需要修改package.json的版本号。关于版本号的规范,可以参照npm关于版本号的一些规范说明。

 

发布、安装自己的npm模块

标签:on()   style   zhang   dmi   div   tag   name   编辑器   direct   

原文地址:http://www.cnblogs.com/yanhua2017/p/7748491.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!