npm --save和--save-dev区别

Posted 2021-01-22

1、npm install 就是安装模块，npm run dev 就是执行npm script中的命令。当我们执行npm命令的时候，它到哪里去找，这就要说到每个node项目中都有的核心文件package.json 文件。
2、项目刚刚开始时，就要创建package.json这个文件，可以进入项目目录手动创建，就和创建一个txt文件一样(不建议)，使用命令行创建：npm init，然后一路回车、填信息，就可以了。
3、几个填写字段：
name 项目名称， 你可能在项目中使用过 var express = require(‘express’), require 函数后面的参数，就是package.json 中的name字段，所以这个name一定要简短，且不能有大写，这是规定。
　　version版本号：安装一个模块的时候， 你可能指定过特定的版本号，npm install express @4.13.2, 版本号4.13.2 就是我们这里的version。版本号有三个组成部分，4：表示的是大版本，一般是重大升级。13：表示的是小版本, 在大版本的基础进行的小的更新，如某个功能废弃了，新增了那个功能。2： 对该版本进行补丁，主要是版本bug的修复。
　　script： 我们在命令行中执行的所有命令都写在这个地方，然后用 npm run 去执行这个命令。

4、项目初始化完成，开始开发。安装依赖(第三方库和框架)，安装用的命令是npm install
npm install --save 会把依赖包名称添加到 package.json 文件 默认为dependencies 键下
npm install --save-dev 把依赖包名称添加到 package.json 文件 devDependencies 键下
devDependencies 下列出的模块，是我们开发时用的，比如 我们安装 js的压缩包gulp-uglify 时，我们采用的是 “npm install –save-dev gulp-uglify ”命令安装，因为我们在发布后用不到它，而只是在我们开发才用到它。dependencies 下的模块，则是我们发布后还需要依赖的模块，譬如像jQuery库或者Angular框架类似的，我们在开发完后肯定还要依赖它们，否则就运行不了。其实就是我们在使用webpack开发时，它配置文件里所有的依赖，都是开发依赖。

5、运行webpack命令时，一定要指定模式。
webpack --mode development
webpack --mode production
dev是develop（开发）的简写。

6、 npm install -g 全局安装(global)和本地安装(local)的区别
带不带-g参数的区别.
带了-g说明全局安装.不带说明安装在当前目录
a.npm install xxx -g 时， 模块将被下载安装到【全局目录】中
【全局目录】通过 npm config set prefix "目录路径" 来设置。
比如说，当我们使用了npm install -g express安装了express框架后， 我们就可以在电脑里的某一个文件夹下，打开控制台，直接使用express mvc创建项目，否则会遇到 “‘express‘ 不是内部或外部命令，也不是可运行的程序”错误。
b.npm install xxx ，则是将模块下载到当前命令行所在目录。
c:123>npm install xxx //将会安装到c:123 ode_modulesxxx
全局安装完后可以在控制台直接的使用，本地安装的是项目开发过程中需要的依赖模块

        本地安装
        1. 将安装包放在 ./node_modules 下（运行npm时所在的目录）
        2. 可以通过 require() 来引入本地安装的包（按需引入）
        全局安装
        1. 将安装包放在 /usr/local 下
        2. 可以直接在命令行里使用

7、生成环境——正式上线的环境
一般安装的有：vue、vue-router、vuex、jquery
开发环境——本地进行开发调试的环境
一般安装的有：babel、gulp、webpack、