关于npm，你必须要知道的知识！

前言：

总结了一些npm的相关知识点，这是我们搞前端必须要知道的知识点，现在分享给大家！

 

什么是npm

• npm是一个包管理工具，用于快速分享和复用第三方提供的js代码

什么是package.json

• 在项目开发过程中，我们如果需要依赖一些第三方代码或者框架，那么我们项目中需要详细记录一下我们用到的代码或者库的清单，目的在于项目在别处运行的时候，系统可以根据清单来下载运行项目所需要的代码和库文件。

 

如何生成package.js

npm init //需要进行其他的配置，定制化程度较高
mpn init -y //快速生成package.json,傻瓜式操作，一键生成

{
  "name": "webpack_code",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^4.2.2",
    "less": "^3.12.2",
    "less-loader": "^7.0.1",
    "style-loader": "^1.2.1",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}

name -- 包名.
version -- 包版本号。
description - -包描述。
author - -作者
dependencies / devDependencies -- 生产/开发环境依赖包列表。它们将会被安装在 node_module 目录下。
main - -main 字段指定了程序的主入口文件
license--授权方式

 

npm 安装第三方包输入命令的注意点

• npm i moduleName 或者 npm install moduleName

• • 安装模块到项目node_modules目录下
  • 不会将模块依赖写入devDependencies或dependencies 节点
  • 运行 npm install 初始化项目时不会下载模块

• npm i module_name -S 或者 npm install module_name --save

• • 安装模块到项目node_modules目录下
  • 写入到 dependencies 对象
  • 运行 npm install 初始化项目时，会将模块下载到项目目录下

• npm i module_name -D 或者 npm install module_name --save-dev

• • 安装模块到项目node_modules目录下
  • 写入到 devDependencies 对象
  • 运行 npm install 初始化项目时，会将模块下载到项目目录下

• npm i module_name -g 或者 npm install module_name -g

• • 安装模块到全局中，不会在项目的node_modules中保存
  • 不会将模块依赖写入devDependencies或dependencies 节点
  • 运行 npm install 初始化项目时不会下载模块

• devDependencies  和 dependencies 对象有什么区别

• • devDependencies  里面的插件只用于开发环境，不用于生产环境，如 gulp，压缩css文件和js文件的模块，这些文件在项目部署以后，是不必要的。
  • dependencies  是需要发布到生产环境的，如各种框架 Express，vue，各种其他的必要库 vuex，axios等等，在项目部署以后，运行时必要的。