使用npm來進行前端包管理的時候,咱們會用到npm install或者cnpm install命令來安裝須要用到的包資源前端
1: npm install *** --save-dev
2: npm install *** --save
咱們一般會使用以上兩種安裝命令,而二者的區別在於:react
當咱們須要安裝一些支持類的工具的時候,例如webpack,babel-loader之類時,咱們但願用jquery
npm install *** --save-dev 命令,該命令會使安裝的包在package.json中的devDependencies:{***}中
當咱們安裝的是一些實際在項目代碼中會用到的框架的時候,例如react,jquery,antd-design等,咱們但願用webpack
npm install *** --save 命令,該命令會使安裝的包在package.json中的dependencies:{***}中從package.json中的字段咱們也能夠理解爲,但一些工具是在開發環境中才使用到的時候(在開發環境中咱們會須要進行一些例如起本地服務,代理,轉碼,打包等操做),咱們將其安裝在devDependencies:{***}中而對於在生產環境中一樣會用到的工具框架(生產環境中已是成熟的應用,全部的東西都應該是核心有效的),咱們須要將其安裝在dependencies:{***}中。(當使用npm install --production的時候,只會安裝dependencies:{***}中的項目。