#博学谷it技术支持
什么是npm
npm (全称[Node] PackageManager,即node包管理器)是Node.js默认的、以JavaScript编写的软件包管理系统npm来分享和使用代码已经成了前端的标配
npm 是随同 node.js 一起安装的包管理工具,能解决 node.js 代码部署上的很多问题,常见的使用场景有以下几种:
- 允许用户从 npm 服务器下载别人编写的第三方包到本地使用。
- 允许用户从 npm 服务器下载并安装别人编写的命令行程序到本地使用。
- 允许用户将自己编写的包或命令行程序上传到 npm 服务器供别人使用
安装npm
安装 node.js 的时候会相应的安装 npm,node.js 已经集成了 npm,所以安装 node.js 后 npm 也安装好了。
下载官网:nodejs.org/en/
中文学习node API 文档:nodejs.cn/
查看本地 node 和 npm 是否安装成功
package.json 文件
我们管理本地安装好的npm包最好的方式就是用package.json文件,他是一个描述文件,描述了我们适使用了哪些包,他也能说明你用的包的版本,这样的话大家都能看见你使用的包和版本,大家自己下载就可以,要不然你把所有包上传上去,大家用你这个项目的时候再把包下载下来,太费事了,而且包都还挺大的
在新建的空文件夹npm下载 jQuery包
这时候jQuery就会出现在node_module这个文件夹下面了
package.json 如何创建
使用 npm init 即可在当前目录创建一个 package.json 文件:
通过如下一问一答的模式就创建好了一个 package.json 文件
package.json 的内容
1.name:全部小写,没有空格,可以使用下划线 2.version:版本格式说明,X.X.X 三个数字,第一个数字是大版本,第二个数字是这个版本的更新plus,第三个数字是这个版本有bug更改之类的 举一个栗子:"name": "demo-package", "version": "1.0.0",
其他内容可以大概看看就可以:
description:描述信息,有助于搜索
main:入口文件,一般都是 index.js
scripts:支持的脚本,默认是一个空的 test
keywords:关键字,有助于在人们使用 npm search搜索时发现你的项目author :作者信息
license :默认是 MIT
bugs:当前项目的一些错误信息
dependencies(生产环境)和 devDependencies(开发环境)的区别
这里还有要注意的就是这两个,生产环境就是意思我们后面项目上线了就用不到的包,开发环境就是项目上线后还是需要用到的包
devDependencies 配置的是开发环境,安装项目开发时所依赖的模块。比如像webpack工具,只是用来构建项目和打包,这些都是在开发阶段才使用的,等项目上线后就用不到webpack工具了,那么就可以把webpack安装到开发环境中,使用 --save-dev 命令安装到devdependencies下,命令语法:npm i -D
dependencies配置的是生产环境,安装项目运行时所依赖的模块。比如jQuery库,等项目上线以后依然是要继续使用的,我们就要安装在生产环境中,如果没有把需要的依赖安装到生产环境中,项目上线运行时就有可能会报错。使用 --save 命令安装到 dependencies 下,命令语法:npm i -S\
安装好了之后我们下次再说怎么使用吧!