npm i xxxx -D，-S，-g

小灰灰 2023-10-11 14:32 49阅读 0赞

> ### 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不能准确安装依赖，所以在安装依赖的时候，要记得指定依赖对象

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