npm基础

一、npm

npm：node模块管理工具，使用npm可以快速安装、卸载所需要的自愿文件，如jquery、vue等；npm是随着node一起安装的

$ node -v //查看node版本号
$ npm -v //查看npm版本号

二、基于npm进行模块管理

https://www.npmjs.com/ 基于npm的模块都是从npmjs.com平台上下载的

下面介绍npm的基本操作：

$ npm install xxx //把模块安装到当前项目中（node_module）
$ npm install xxx -g //把模块安装到全局环境中
$ npm install xxx@1.0.0 //安装指定版本模块
$ npm view xxx versions //查看某个模块的所有版本
$ npm view xxx versions > xxx.version.json //查看某个模块的所有版本并输出到指定文件中
$ npm init -y //初始化当前项目的配置依赖清单，会生成package.json的文件
$ npm install --save //把模块保存在清单生产依赖中
$ npm install --save-dev //把模块保存在清单开发依赖中
$ npm install //跑环境，按照清单安装所需的模块
$ npm uninstall xxx //卸载当前项目中的模块
$ npm uninstall xxx -g //卸载安装的全局模块
$ npm root -g //查看全局安装模块的目录

三、安装在全局和项目中的区别

安装在全局：

可以使用命令对任何的项目进行操作

$ npm root -g //可以查看全局安装的目录

因为在安装目录生成了xxx.cmd的文件，所有我们可以使用 XXX 命令

例如：

进入这个文件夹我们可以看到全局安装目录中有lessc.cmd文件，所有我们可以直接执行 lessc命令对less文件进行处理

安装在项目中：

可以在项目中导入使用，但是默认不能直接使用命令了；如果需要执行命令可以在package.json文件的script进行配置

四、在项目中如何使用npm

• 初始化当前项目的配置依赖清单

$ git init -y //初始化项目的配置依赖清单

初始化后生成文件package.json文件

当我们使用npm命令以不同的方式安装了less和jquery后依赖清单文件发生了变化

$ npm install less --save //将less保存在生产依赖中
$ npm install juuery --save-dev //将jquery保存在开发依赖中

package.json文件发生如下变化

其中：dependencies:生产依赖模块（开发和项目部署的时候都需要）

           devDpendencies:只有开发的时候才需要

           script:配置本地可执行命令，如我们想要执行lessc命令可以在这里配置，需要执行这个命令时执行npm run xxx即可

五、忽略提交.gitignore

项目中node_module文件夹是不需要提交了，我们可以生成.gitignore文件写入需要忽略的文件，这样当提交项目代码时，这些文件都不会上传

由于node_modules文件夹默认是不上传的，所以当我们执行git clone命令时是不会下载node_modules文件的，所以我们运行项目之前需要先跑环境，执行git install会根据package.json的依赖清单下载所需依赖，重新生成node_modules文件夹

五、提高安装模块的速度

• 使用yarn安装

$ npm install yarn -g
$ yarn init //同$ npm init -y
$ yarn add xxx //同$ npm install xxx
$ yarn remove xxx //同$ npm uninstall xxx
$ yarn install //同npm install

• 基于nrm切换源提高npm速度

$ npm install nrm -g
$ nrm ls //查看可以使用的源
$ nrm use xxx //使用xxx源

注：本文根据bilibili的珠峰培训的课程进行的总结