最新版npm详解

如：npm中搜索 jQuery

image.png

image.png

接地气的描述：npm 类似于如下各大手机应用市场

image.png

image.png

查看本地 node 和 npm 是否安装成功

image.png

image.png

或 npm install -g npm

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

输入npm init后会弹出一堆问题，可以输入对应内容，也可以使用默认值。在回答一堆问题后输入yes 就会生成图中所示内容的package.json文件。 如果嫌回答这一大堆问题麻烦，可以直接输入npm init --yes跳过回答问题步骤，直接生成默认值的package.json文件:

image.png

image.png

image.png

image.png

image.png

image.png

description：描述信息，有助于搜索 main：入口文件，一般都是 index.js scripts：支持的脚本，默认是一个空的 test keywords：关键字，有助于在人们使用 npm search搜索时发现你的项目author :作者信息 license ：默认是 MIT bugs：当前项目的一些错误信息，如果有的话 可以为init命令设置一些默认值，比如：

image.png

image.png

npm run abc

image.png

image.png

查看

image.png

image.png

案例：把下载的jQuery配置记录到package.json中

没安装之前的文件夹：

image.png

image.png

npm install jquery -D

image.png

image.png

image.png

image.png

在安装个 bootstrap，这次不带 -D npm install bootstrap

image.png

image.png

发现不带 -D ，放在dependencies，加上-D，就放在devDependencies

通过 npm install 包名称 下载的文件都会保存在当前文件夹下的 node_module下，如：

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

dependencies配置的是生产环境，安装项目运行时所依赖的模块。比如jQuery库，等项目上线以后依然是要继续使用的，我们就要安装在生产环境中，如果没有把需要的依赖安装到生产环境中，项目上线运行时就有可能会报错。使用 --save 命令安装到dependencies 下，命令语法：

配置项	dependencies	devDependencies
dependencies	–save 简写 -S	生产环境，管理的依赖包在项目上线后依然有效
devDependencies	–save-dev 简写 -D	开发环境，管理的依赖包仅在开发阶段有效

两种环境的的指定方式是通过配置文件中的NODE_ENV=developement或NODE_ENV=production来指定是开发还是生产环境的。

使用的一些构建工具例如glup、webpack这些只是在开发中使用的包，上线以后就和他们没关系了，所以将它写入devDependencies

首先在一个空的文件夹下使用 npm init 初始化生成一个 package.json 文件，打开对里面的内容进行添加，如：下载 jQuery 和 bootstrap 的包文件

image.png

image.png

使用命令 npm install进行安装即可。这个命令会识别刚刚自定义 package.json 中需要安装的文件

npm install 可以简写 为npm i