npm i xxxx -D，-S，-g

npm常用的安装命令

• npm i 就是npm install 简写
• npm  i  xxxx -D  就是 npm  i  xxxx --save-dev
• npm  i  xxxx-S   就是 npm  i  xxxx--save
• npm  i  xxxx-g   就是 全局安装
• npm  i  xxxx  就是本地安装

命令详解

npm  i  xxxx --save-dev 是把依赖写入进devDependencies对象里面

npm  i  xxxx--save 是把依赖写入进dependencies对象里面

npm i xxxx-g 就是安装到全局下，在命令行的任何地方都可以操作，不会提示“命令不存在等错误”

npm i xxxx 就是安装到当前命令行下的目录中，但不会记录在package.json中，npm install时不会自动安装此依赖

作用

 devDependencies  是开发环境下的依赖，这里是开发环境下的依赖，上线后非必需，比如：webpack，gulp等压缩打包工具

 dependencies 是生产环境下的依赖，项目刚需的依赖在这里，比如UI框架，字体文件等线上必需的东西

一般这个配置在package.json文件中

  "dependencies": {
    "animate.css": "^3.7.2",
    "element-ui": "^2.10.1",
    "font-awesome": "^4.7.0",
    "vue": "^2.5.2",
    "vue-drag-resize": "^1.3.2",
    "vue-router": "^3.0.1"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.5.2",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0"
  }

新手误区

一开始不知道可能就直接npm install xxxx【npm uninstall xxxx卸载】，如果把项目交给同事，别人npm install不能准确安装依赖，所以在安装依赖的时候，要记得指定依赖对象

以上几个常用命令，你理解了吗！？