JS在线运行

版本:
运行结果
教程手册
代码仓库
极速运行
交互输入
极速运行模式,更高效的运行,点击编辑器上方的运行按钮即刻体验吧。
以下是用户最新保存的代码
nodejs function 发布于:2022-09-28 10:52 Promise 高级考核;不计原理,计原理产生的效果;原理太懵逼; 发布于:2022-09-24 20:23 测试 grok-js 发布于:2022-09-23 15:14 获取案件服务人员分支机构、部门信息 发布于:2022-09-22 14:06 将平行结构数据转为树形结构 发布于:2022-09-22 09:19 js 获取 url 的某个参数 发布于:2022-09-21 16:26 股票报价js 发布于:2022-09-20 18:05 JS call()方法 发布于:2022-09-20 14:46 JS 深拷贝 发布于:2022-09-20 14:26 测试Vue-Quill-Editor 发布于:2022-09-20 14:11 员工排序js版 发布于:2022-09-19 16:09 给你一个字符串 s,请你返回 两个相同字符之间的最长子字符串的长度 ,计算长度时不含这两个字符。如果不存在这样的子字符串,返回 -1 。 子字符串 是字符串中的一个连续字符序列。 发布于:2022-09-28 11:16 看代码说出运行结果 发布于:2022-09-17 09:48 哔哩哔哩密码逆向 发布于:2022-09-16 21:16 临时数据处理 发布于:2022-09-16 16:18 实现一个插入排序 发布于:2022-09-16 00:16 手动实现一个Array的sort 发布于:2022-09-16 00:01 给你一个整数数组 arr ,请你删除最小 5% 的数字和最大 5% 的数字后,剩余数字的平均值。 与 标准答案 误差在 10-5 的结果都被视为正确结果。 发布于:2022-09-15 17:14 // 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target  的那 两个 整数, // 并返回它们的数组下标。 发布于:2022-09-15 17:01 实现一个控制并发的Scheduler调度器 addTask(1000,"1"); addTask(500,"2"); addTask(300,"3"); addTask(400,"4"); 的输出顺序是:2 3 1 4 整个的完整执行流程: 一开始1、2两个任务开始执行 500ms时,2任务执行完毕,输出2,任务3开始执行 800ms时,3任务执行完毕,输出3,任务4开始执行 1000ms时,1任务执行完毕,输出1,此时只剩下4任务在执行 1200ms时,4任务执行完毕,输出4 发布于:2022-09-15 16:50 测试一些JS知识点 发布于:2022-09-15 13:36 trans(123456) —— 十二万三千四百五十六 trans(100010001)—— 一亿零一万零一 发布于:2022-09-15 16:15 根据项目业务需求,进行以下两种格式的互相转换 例如 let arr=[1,2,3,4,5] let arr2=null let arr3 = ['a','b'] format_data({q:arr,w:arr2,e:arr3}) [ { q: 1, w: null, e: 'a' }, { q: 2, w: null, e: 'b' }, { q: 3, w: null, e: null }, { q: 4, w: null, e: null }, { q: 5, w: null, e: null } ] 发布于:2022-09-14 14:36 防抖和节流 发布于:2022-09-13 11:06 递归实现斐波那契数列 发布于:2022-09-12 17:41 反直觉 数组操作 发布于:2022-09-11 11:21 数组所有组合的算法 发布于:2022-09-11 10:01 复选框全选与取消 发布于:2022-09-09 23:43 让对象按数组迭代 发布于:2022-09-09 16:54 使用JS实现一个单链表的类 发布于:2022-09-09 15:44 找出字符串中出现次数最多的字符及次数 发布于:2022-09-09 12:03 字符串中a出现的位置及次数 发布于:2022-09-09 11:46 js数组去重 发布于:2022-09-09 11:29 斐波那契数列 // F(0)=0,F(1)=1, F(n)=F(n - 1)+F(n - 2) 斐波那契数列的memoization优化 发布于:2022-09-14 17:23 扁平数组转tree 发布于:2022-09-08 15:29 扁平数据转为tree(只能处理一层) 发布于:2022-09-08 14:56 封装localStorage 发布于:2022-09-08 14:46 jq.on原理实现 发布于:2022-09-07 00:42 实现一个对象拍平 发布于:2022-09-06 00:27 使用proxy实现一个对象属性的双向绑定 发布于:2022-09-05 17:17 遍历一次将扁平数据转为tree 发布于:2022-09-05 19:02 this指向,手写bind、call、apply、new 发布于:2022-09-04 21:07 字符串是有括号组成,判断内容是否为有效内容 发布于:2022-09-04 00:29 自己实现一个new 发布于:2022-09-03 17:09 使用renduce实现一个map、filter 发布于:2022-09-03 12:06 Js 使用reduce实现一个map 发布于:2022-09-02 00:12 JS实现一个观察者模式 发布于:2022-09-02 00:07 学习倾国每日答题多选题 发布于:2022-09-01 18:29 加密工具箱 发布于:2022-09-01 17:00 一大堆数里面找到一个和数值A最接近的数 发布于:2022-09-01 15:14 [更多]
显示目录

NPM 使用介绍



NPM 使用介绍

本文介绍了 Node.js 中 NPM 的使用,我们先来了解什么是 NPM。

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入

"npm -v"

来测试是否成功安装。命令如下,出现版本提示表示安装成功:

$ npm -v 2.3.0

如果你安装的是旧版本的 npm,可以很容易得通过 npm 命令来升级,命令如下:

$ sudo npm install npm -g /usr/local/bin/npm -> 
/usr/local/lib/node_modules/npm/bin/npm-cli.js
npm@2.14.2  /usr/local/lib/node_modules/npm

如果是 Window 系统使用以下命令即可:

npm install npm -g

全局安装与本地安装

npm 的包安装分为本地安装(local)、全局安装(global)两种,从敲的命令行来看,差别只是有没有-g而已,比如

npm install express          # 本地安装
npm install express -g   # 全局安装

如果出现以下错误:

npm err! Error: connect ECONNREFUSED 127.0.0.1:8087

解决办法为:

$ npm config set proxy null

本地安装

  • 1. 将安装包放在 ./node_modules 下(运行 npm 命令时所在的目录),如果没有 node_modules 目录,会在当前执行 npm 命令的目录下生成 node_modules 目录。
  • 2. 可以通过 require() 来引入本地安装的包。

全局安装

  • 1. 将安装包放在 /usr/local 下或者你 node 的安装目录。
  • 2. 可以直接在命令行里使用。

如果你希望具备两者功能,则需要在两个地方安装它或使用 npm link。

NPM 应用

NPM建立了一个NodeJS生态圈,NodeJS开发者和用户可以在里边互通有无。以下介绍NPM应用的三种场景:

下载第三方包

我们可以使用以下命令来下载第三方包。

$ npm install argv
...
argv@0.0.2 node_modules\argv

下载好之后,argv包就放在了工程目录下的node_modules目录中,因此在代码中只需要通过require('argv')的方式就好,无需指定第三方包路径。

以上命令默认下载最新版第三方包,如果想要下载指定版本的话,可以在包名后边加上@<version>,例如通过以下命令可下载0.0.1版的argv。

$ npm install argv@0.0.1
...
argv@0.0.1 node_modules\argv

NPM对package.json的字段做了扩展,允许在其中申明第三方包依赖。因此,上边例子中的package.json可以改写如下:

{
    "name": "node-echo",
    "main": "./lib/echo.js",
    "dependencies": {
        "argv": "0.0.2"
    }
}

这样处理后,在工程目录下就可以使用npm install命令批量安装第三方包了。

更重要的是,当以后node-echo也上传到了NPM服务器,别人下载这个包时,NPM会根据包中申明的第三方包依赖自动下载进一步依赖的第三方包。

例如,使用npm install node-echo命令时,NPM会自动创建以下目录结构。

- project/
    - node_modules/
        - node-echo/
            - node_modules/
                + argv/
            ...
    ...

如此一来,用户只需关心自己直接使用的第三方包,不需要自己去解决所有包的依赖关系。

安装命令行程序

从NPM服务上下载安装一个命令行程序的方法与第三方包类似。

例如上例中的node-echo提供了命令行使用方式,只要node-echo自己配置好了相关的package.json字段,对于用户而言,只需要使用以下命令安装程序。

$ npm install node-echo -g

参数中的-g表示全局安装,因此node-echo会默认安装到以下位置,并且NPM会自动创建好Linux系统下需要的软链文件或Windows系统下需要的.cmd文件。

- /usr/local/               # Linux系统下
    - lib/node_modules/
        + node-echo/
        ...
    - bin/
        node-echo
        ...
    ...

- %APPDATA%\npm\            # Windows系统下
    - node_modules\
        + node-echo\
        ...
    node-echo.cmd
    ...

发布代码

第一次使用NPM发布代码前需要注册一个账号。终端下运行npm adduser,之后按照提示做即可。

账号注册完成后,接着我们需要编辑package.json文件,加入NPM必需的字段。接着上边node-echo的例子,package.json里必要的字段如下。

{
    "name": "node-echo",           # 包名,在NPM服务器上须要保持唯一
    "version": "1.0.0",            # 当前版本号
    "dependencies": {              # 第三方包依赖,需要指定包名和版本号
        "argv": "0.0.2"
      },
    "main": "./lib/echo.js",       # 入口模块位置
    "bin" : {
        "node-echo": "./bin/node-echo"      # 命令行程序名和主模块位置
    }
}

之后,我们就可以在package.json所在目录下运行npm publish发布代码了。


版本号

使用NPM下载和发布代码时都会接触到版本号。NPM使用语义版本号来管理代码,这里简单介绍一下。

语义版本号分为X.Y.Z三位,分别代表主版本号、次版本号和补丁版本号。当代码变更时,版本号按以下原则更新。

  • 如果只是修复bug,需要更新Z位。
  • 如果是新增了功能,但是向下兼容,需要更新Y位。
  • 如果有大变动,向下不兼容,需要更新X位。

版本号有了这个保证后,在申明第三方包依赖时,除了可依赖于一个固定版本号外,还可依赖于某个范围的版本号。例如"argv": "0.0.x"表示依赖于0.0.x系列的最新版argv。


NPM常用命令

除了本章介绍的部分外,NPM还提供了很多功能,package.json里也有很多其它有用的字段。

除了可以在npmjs.org/doc/查看官方文档外,这里再介绍一些NPM常用命令。

NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。

  • NPM提供了很多命令,例如install和publish,使用npm help可查看所有命令。

  • 使用npm help <command>可查看某条命令的详细帮助,例如npm help install。

  • 在package.json所在目录下使用npm install . -g可先在本地安装当前命令行程序,可用于发布前的本地测试。

  • 使用npm update <package>可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。

  • 使用npm update <package> -g可以把全局安装的对应命令行程序更新至最新版。

  • 使用npm cache clear可以清空NPM本地缓存,用于对付使用相同版本号发布新版本代码的人。

  • 使用npm unpublish <package>@<version>可以撤销发布自己发布过的某个版本代码。

由JSRUN为你提供的JS在线运行、在线编译工具
        JSRUN提供的JS在线运行,JS 在线运行工具,基于linux操作系统环境提供线上编译和线上运行,具有运行快速,运行结果与常用开发、生产环境保持一致的特点。

title

使用此草稿 删除草稿

  • 00:23
注册登录后可减少验证码的弹出,点击前往 注册 | 登录

皮肤:

运行模式:

嵌入代码 iframe嵌入:


服务器已安装大部分常用的第依赖库,但仍可能存在一些未被安装的库, 可以通过本窗口立即安装所需依赖库。


请输入依赖库的名称:

请选择语言: