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文件中

1. "dependencies": {

2. "animate.css": "^3.7.2",

3. "element-ui": "^2.10.1",

4. "font-awesome": "^4.7.0",

5. "vue": "^2.5.2",

6. "vue-drag-resize": "^1.3.2",

7. "vue-router": "^3.0.1"

8. },

9. "devDependencies": {

10. "autoprefixer": "^7.1.2",

11. "babel-core": "^6.22.1",

12. "babel-helper-vue-jsx-merge-props": "^2.0.3",

13. "babel-loader": "^7.1.1",

14. "babel-plugin-syntax-jsx": "^6.18.0",

15. "babel-plugin-transform-runtime": "^6.22.0",

16. "babel-plugin-transform-vue-jsx": "^3.5.0",

17. "babel-preset-env": "^1.3.2",

18. "babel-preset-stage-2": "^6.22.0",

19. "uglifyjs-webpack-plugin": "^1.1.1",

20. "url-loader": "^0.5.8",

21. "vue-loader": "^13.3.0",

22. "vue-style-loader": "^3.0.1",

23. "vue-template-compiler": "^2.5.2",

24. "webpack": "^3.6.0",

25. "webpack-bundle-analyzer": "^2.9.0",

26. "webpack-dev-server": "^2.9.1",

27. "webpack-merge": "^4.1.0"

28. }

新手误区

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

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