npm安装插件怎么判断是--save 还是--save--dev

npm敲到一半的时候发现:诶 这个到底是-g呢还是--save还是--save-dev呢

 

1.首先要先了解package.json

在Node.js中,模块是一个库或框架,也是一个Node.js项目。Node.js项目遵循模块化的架构,当我们创建了一个Node.js项目,意味着创建了一个模块,这个模块的描述文件,被称为package.json。

 

2.什么是npm

npm 是一个包管理器,它让 JavaScript 开发者分享、复用代码更方便。

在程序开发中我们常常需要依赖别人提供的框架,亦或是方法库,写 JS 也不例外。这些可以重复的框架代码被称作包(package)或者模块(module),一个包可以是一个文件夹里放着几个文件,而这些文件就存放在package.json 。

 

3.如何生成package.json

$ npm init //项目初始化

$ npm init -y //快速生成package.json

    {

      "name": "vue-cli",

      "version": "1.0.0",

      "description": "",

      "main": "index.js",

      "dependencies": {

        "vue": "^2.5.17"

      },

      "devDependencies": {},

      "scripts": {

        "test": "echo \"Error: no test specified\" && exit 1"

      },

       "author": "",

      "license": "ISC"

    }

 

name -- 包名.

version -- 包的版本号。

description - -包的描述。

author - -包的作者

dependencies / devDependencies -- 生产/开发环境依赖包列表。它们将会被安装在 node_module 目录下。

main - -main 字段指定了程序的主入口文件

license--授权

有兴趣的可以去了解一下package属性  此处为快速搭建

 

4. --save与 --save -dev的区别

 

---npm i 插件   ,会把插件安装到node_modules目录中,不会修改package.json,

 

---npm i 插件 --save (-S) ,项目发布上线之后还会依赖用到的插件,没有这些插件,项目不能运行

---自动更改package.json  写入dependencies 节点

 

---npm i 插件 -g是不会更改package中的内容 但是可以存在node_modules目录中

 

---npm i 插件 --save-dev(-D) ,安装到开发依赖中,项目上线之后不会用到的插件,例如'babel-loader',项目解析完发布

---自动更改package.json  写入devDependencies 节点

 

dependencies(运行依赖)

也就是我们项目运行上线还会使用的插件  比如webpack  axios vant Element UI框架

 

devDependencies(开发依赖)

也就是帮助开发的插件 比如babel  live-server  lodash  loader类似的

 

猜你喜欢

转载自www.cnblogs.com/ranyonsue/p/10826906.html