zoukankan      html  css  js  c++  java
  • NPM 发布自己的库

    前端页面写多了之后会觉得枯燥,每个项目都会有一些类似的相同东西,而作为程序员我们要避免的就是敲重复代码。

    那么业务代码写多了之后有必要为适应本公司业务发展,创建自己的 UI 库,技术框架等等。

    此处,只记录 npm 包的发布过程和方法,其他不做深入考虑。

    1、先到npm 官网注册账号。后面会用到登录账号和密码。

    2、新建一个文件夹 如 nodea,用命令行工具打开。进入到该目录下

     3、使用 npm login 命令,登录。根据提示输入账号、密码、邮箱。

    4、使用 npm init 命令,初始化文件夹。(你也可以再建一个文件夹然后 init)

     根据提示输入即可:

      package name:你要发布的包名,就是 install 时候的名字。(取名前可以先去npm搜索一下名字是否被占用,被占用后无法使用)

      version:版本号(默认是 1.0.0)

      description:对此安装包的描述

      entry point:入口文件(默认的是 index.js,也可以自己填写自己的文件名)

      test command:测试模块(可以直接 Enter 跳过)

      git repository:Git 仓库地址(如果你的代码已经提交到了git,没有则直接 Enter 跳过)

      keywords: 关键字,多个用空格隔开(用于搜索你的包)

      author:作者

      license:遵循的协议(直接 Enter 跳过即可)

    当这些信息全部填写完毕会提示:Is this ok? 输入yes 或 y 然后回车,就会在此目录下生成一个package.json 文件,刚才填写的信息在这个文件都可以找到,

    也可以随时更改。

    5、在此文件夹下新建一个 index.js 文件(因为刚刚是使用的默认的,也就是 index.js。如果是自己命名的文件,就要新建自己命名的文件)

    随便输入一下内容,比如一个累加函数。

    6、此时就可以利用 npm publish 命令发布你的包了。前面说过发布前最好先看下包名字是否被占用。

    此时说明发布成功,你可以去npm 利用关键字,或者包名去搜索、安装。

    如果出现下面:

     

     You do not have permission to publish "test". 你没有权限发布test包,说明test包已被别人发布。

    此时去package.json 修改包名,name 字段,然后重新发布即可。

    发布成功之后,别人就可以通过 npm install <包名> 来安装使用你的包了。

    7、如果想要删除包,执行 npm unpublish 命令。

      然后再次执行  npm --force unpublish 名利即可。

    随着发展这些包肯定是需要不断更新的。那么如何更新呢?

    首先来看几个 npm 命令。

    npm view package_name versions 该命令是查看包的版本,会打印出该包的发布版本。

    npm version <update_type> 更新本地包版本

      其中 update_type 有三个值:

      patch(打补丁,版本会从 1.0.0 更新到 1.0.1,只是第三位增长)

      minor(小修改,版本会从1.0.0 更新到 1.1.0,更新的是第二位)

      major(较大的改动,版本从 1.0.0 更新到 2.0.0,更新的是第一位)

    当我们要更新包时,先将代码修改完毕,然后执行 npm version <update_type>

    然后发布 npm publish 即可。

    此时再看 npm view package_name versions,如下所示:

  • 相关阅读:
    最课程阶段大作业03:用半天实现淘宝首页?
    最课程阶段大作业02:实现自己的利息计算器
    最课程阶段大作业之01:使用SVN实现版本控制
    Java全栈程序员之01:做个Linux下的程序猿
    最课程学员启示录:这么PL的小姐姐你要不要
    学员优秀博文赏析:泛型通配符及约束
    魅族便签,是否能成为国内便签应用的No.1?
    Ubuntu上安装git和创建工作区和提交文件!!!
    OpenGL核心技术之HDR
    病毒木马查杀实战第020篇:Ring3层主动防御之基本原理
  • 原文地址:https://www.cnblogs.com/xguoz/p/12498960.html
Copyright © 2011-2022 走看看