npm是什么

npm是包(package)管理工具 node package manager 使用npm的前提是 你的电脑上边必须安装nodejs 下载nodejs,地址：https://nodejs.org/en/ 查看电脑是否安装nodejs 命令 node -v 如果安装成功就会显示对应的node的版本号 如果安装失败就会报错

npm解决了什么

npm 是一个包管理工具 （里边有成千上百万个包提供使用依赖） npm 是一个数据库 数据中每一个包都包含一些信息 包的提交信息 作者 依赖 版本号 比如说 当前的项目中我们需要使用一个jquery 通常情况下我们需要本地下载一个jquery文件，然后在页面头部或者是底部进行script引入 我们有了npm，我们就可以直接执行npm install jquery 进行jquery的下载，然后在进行引用（自动化下载安装）

npm常用命令

快速生成一个package.json文件来初始化npm项目 npm init

执行完这一步后，当前文件夹下会生成一个package.json文件 package.json文件中的”dependencies”属性，里边就是配置的依赖名称及版本号

安装模块 npm install 模块名 —>简写为 npm i 模块名

一次安装多个包 npm i 安装包1 安装包2 安装包3 --save-dev

**npm i --save-dev 安装包1 安装包2**

卸载模块 npm uninstall 模块名

全局安装 npm install 模块名 -g —>g代表的是global，全局的意思

局部安装

**npm install 模块名 --save-dev** 安装依赖到开发环境
**npm install 模块名 --save** 安装依赖到生产环境

帮助命令 npm -help

注册用户 npm adduser

登录 npm login

查看当前用户 npm whoami

上传包 npm publish

删除线上上传的包 npm unpublish 包名 --force

拉取远程指定分支到本地 git clone -b <指定分支名> <远程仓库地址>

cnpm

cnpm 安装 npm install -g cnpm --registry=https://registry.npm.taobao.org

当当前网速比较慢的情况下，需要安装相关依赖文件 我们可以使用cnpm淘宝 npm服务器是在国外 在安装文件时候 之前写的是npm install 现在只需要将npm换成cnpm就可以了

yarn

是一个包管理工具

安装 npm install yarn -g —> npm i yarn -g

查看yarn版本 yarn -v

yarn安装依赖 yarn add 模块名 --dev

安装所有的依赖项目 yarn install

npm cnpm yarn三者

都可以实现包的安装 在项目开发中，至于使用哪一个没有明确规定 在网络相对好的情况 建议使用npm 因为npm服务器是国外的，所有的包依赖是最原始 如果网络相对较差，可以使用cnpm或者yarn来进行安装

如果在使用这三者安装的时候，想要安装某一个包的某一个版本，可以直接在package.json文件中找到dependencies 或者是devDependencies

在里边手动写上你想要安装的 模块名:^安装的对应版本

然后执行npm install cnpm install yarn install 来直接安装你想安装的版本

package.json属性

{
  "name": "web",    包名
  "version": "1.0.0",        //包的版本号
  "description": "",        //包的描述
  "main": "index.js",        //指定了打包程序的入口文件，该字段默认是模块根目录下的index.js
  "scripts": {    
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server --open --host 127.0.0.1 --port 8888"
  },
  "keywords": [],        //关键字
  "author": "",
  "license": "ISC",
  "dependencies": {        //依赖包列表（生产环境）
    "jquery": "^3.5.1",
    "webpack": "^4.17.1",
    "webpack-cli": "^3.3.9"
  },
  "devDependencies": {    //依赖包列表（开发环境）
    "css-loader": "^5.0.0",
    "html-webpack-plugin": "^4.5.0",
    "style-loader": "^2.0.0",
    "webpack-dev-server": "^3.8.2"
  }
}