如何在npm发布自己的包和上传文件到github

基于上一篇抽离完前端组件,现在想要把组件放在npm库里,并上传到自己的github上

在npm库发布包

  1. 你必须拥有npm库的账号
    注册: https://www.npmjs.com/
  2. 在抽离组件的文件夹中打开cmd,运行npm publish
    注意:发布的包名为package.json中的name
  3. 几种报错:
    a.当前的npm为淘宝镜像或其他,不是在npm,用nrm ls查看,nrm use npm切换到npm
    如何在npm发布自己的包和上传文件到github_第1张图片
    b.账号没有登录,
    如何在npm发布自己的包和上传文件到github_第2张图片
    c.上传到私有文件时需要修改,把name改为公共的,换个名字
    如何在npm发布自己的包和上传文件到github_第3张图片

上传到github上


  1. 在文件夹的项目根目录下打开cmd,运行git init
    文件中出现.git文件

  2. 运行git add . 将所有文件添加到仓库中,注意‘add’和‘.’中间有空格

  3. 执行命令: git commit -m ‘上传文件’

  4. 在你的github上新建仓库,点击头像进入your protects。
    如何在npm发布自己的包和上传文件到github_第4张图片

  5. 复制链接并执行命令:git remote add origin + 你的链接
    如何在npm发布自己的包和上传文件到github_第5张图片
  6. 执行 git pull –rebase origin master
  7. 执行 git push -u origin master

此时你已经可以在git仓库中看到你上传的文件,此刻可以增加一个readme等。
如何在npm发布自己的包和上传文件到github_第6张图片
点击此处去github下载kuke组件: https://github.com/wwjhzc/kuke-ui
作者:rookie.he(kuke_kuke)
博客链接:http://blog.csdn.net/qq_33599109
欢迎关注支持,谢谢!

你可能感兴趣的:(web前端)