1. 程式人生 > >npm安裝插件怎麽判斷是--save 還是--save--dev

npm安裝插件怎麽判斷是--save 還是--save--dev

常常 開發 node erro save json nod 目錄 bpa

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類似的

npm安裝插件怎麽判斷是--save 還是--save--dev