npm的使用

来源:互联网 发布:excel拆分单元格数据 编辑:程序博客网 时间:2024/05/16 11:53

npm是什么

在学习npm之前,先认识npm是什么。npm是Node.JS的包管理工具(package manager)。为什么我们需要一个这样的包管理工具?

因为我们在node.js开发的时候,会用到很多别人写的javascript的代码。如果我们要使用别人写的某个包,以前我们都是根据名称,搜索一下官方网站,下载代码,解压,再使用,非常的繁琐。npm就是为了解决这个问题而产生的一个工具。每一个人都可以把自己开发的模块打包之后,放到npm的官网上,如果要使用,通过npm就可以直接进行使用。讲的可能比较抽象,下面我们具体讲讲怎么用。

npm的下载安装

在NodeJS的官网上下载NodeJS,然后,安装,那么npm也就下载安装完成。因为,在nodejs安装的时候顺带安装完成npm。当然也可以去nodejs的官网去单独下载安装。出现下面的结果,安装成功!
这里写图片描述

初步使用Node

在命令行输入node,我们将进入node.js的相互环境,我们可以在李阿敏输入javascript的语句,然后回车即可执行。要退出node环境,我们只需要按两次Ctrl+C。

npm的使用

这里讲解如何使用npm安装一个jquery。我们以前是:去网上下载jquery的js文件,然后再用js导入工程文件或者是使用cdn直接导入现在我们使用npm安装:

步骤:

  1. 假设我们现在有一个项目,项目名称为Project,在D盘。
  2. 我们打开命令行,进入我们的D盘的Project项目的目录
  3. 输入 npm i jquery(注意这里的大小写会影响)
  4. 这个时候,在Project的文件夹里面就会有query文件。
    这里写图片描述

    这里写图片描述

npm的初始化

假设我们的文件已经下载好了。这里有个前提就是node_modules不应该进源码库。也就是这个代码完成之后node_modules不应该进入SVN或者Git上面,为什么呢?

假设一个人用的是mac,而另外一个人使用window,那么我们知道npm的一些包是需要经过编译的,那么在不同的操作系统下,编译出来的东西是不一样的,所以,两个人的东西可能不一样,因此node_modules不应该进源码库。
删除命令: rd node_modules /s/q
这个时候,你会发现,你的Project项目里面的node_modules被删除。
那么现在另外一个人如果要使用,则需要重新导入jquery。这就出现了一个很麻烦的问题。

解决方案

我们可以把这些安装的信息保存在哎一个地方,保存只需要输入命令npm init -y

这里写图片描述
这个时候会生成一个package.json的文件,在Project的文件夹里。
输入 npm i jquery –save
这个时候我们同样也下载了jquery,但是我们观察,前后两个的json文件里面的内容发生了变化。
在–save之后的json中dependencies发生了变化,那么这个改变的作用是什么?
现在我们再次删掉node_modules,但是这个时候,我只要输入
npm i
它自动就会去找package.json里面的依赖,这个时候,就可以再次下载安装jquery成功。