npm安装依赖实践总结

简介: npm安装依赖实践总结

node下载地址:https://nodejs.org/en/download/releases 。可以看到node版本、npm版本、node_module版本。



【1】npm的全局安装路径

查看默认值:

npm get prefix


默认是C:\Users\你的用户名\AppData\Roaming\npm

可以通过 npm config prefix 更改全局安装路径:

npm config set prefix "<path>"


注意:修改全局安装路径后,需要在系统环境变量Path中添加该路径,否则之后使用npm install --global xxx,xxx都报错找不到命令。

【2】 npm install

① npm install的几种常见方式

注意:修改全局安装路径后,需要在系统环境变量Path中添加该路径,否则之后使用npm install --global xxx,xxx都报错找不到命令。
【2】 npm install
① npm install的几种常见方式
# 安装模块到项目目


npm install moduleName


会把moduleName 包安装到node_modules目录中

不会修改package.json

之后运行npm install命令时,不会自动安装moduleName

npm install=npm i。在git clone项目的时候,项目文件中并没有 node_modules文件夹,项目的依赖文件可能很大。直接执行,npm会根据package.json配置文件中的依赖配置下载安装。


npm install moduleName -g


安装模块到全局,不会在项目node_modules目录中保存模块包。

不会将模块依赖写入devDependencies或dependencies 节点。

运行 npm install 初始化项目时不会下载模块。

将会安装在C盘用户家目录\AppData\Roaming\npm,并且写入系统环境变量;非全局安装:将会安装在当前定位目录;全局安装可以通过命令行任何地方调用它,本地安装将安装在定位目录的node_modules文件夹下,通过要求调用;


npm install moduleName --save


会把moduleName 包安装到node_modules目录中

会在package.json的dependencies属性下添加moduleName

之后运行npm install命令时,会自动安装moduleName 到node_modules目录中

之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中,即是在线上环境运行时会将包安装

-S:即npm install module_name --save,写入package.json的dependencies ,dependencies 是需要发布到生产环境的,比如jq,vue全家桶,ele-ui等ui框架这些项目运行时必须使用到的插件就需要放到dependencies


npm install moduleName –save-dev


会把moduleName 包安装到node_modules目录中

会在package.json的devDependencies属性下添加moduleName

之后运行npm install命令时,会自动安装moduleName 到node_modules目录中

之后运行npm install –production或者注明NODE_ENV变量值为production时,不会自动安装moduleName 到node_modules目录中

-D:即npm install module_name --save-dev,写入package.json的devDependencies ,devDependencies 里面的插件只用于开发环境,不用于生产环境。比如一些babel编译功能的插件、webpack打包插件就是开发时候的需要,真正程序打包跑起来并不需要的一些插件。


使用原则:


devDependencies 节点下的模块是我们在开发时需要用的,比如项目中使用的 gulp ,压缩css、js的模块。这些模块在我们的项目部署后是不需要的,所以我们可以使用--save-dev的形式安装。


像 express 这些模块是项目运行必备的,应该安装在 dependencies 节点下,所以我们应该使用–save的形式安装。


总结为一句话:运行时需要用到的包使用––save,否则使用––save-dev。


【3】node-sass与sass-loader问题

有的同学可能通过卸载并安装解决问题:

#卸载
npm uninstall --save node-sass
#安装
npm install --save node-sass


这种方法实践未生效,采用如下方法

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

如果需要sass-loader,这里node版本是16.20.0,npm版本是8.9.4。大多数错误其实就是版本问题,不是什么权限问题。

npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm i node-sass@6.0.1 
cnpm i sass-loader@10.2.1 --save-dev

关于node-sass版本适配:https://github.com/sass/node-sass

目录
相关文章
|
3月前
|
缓存 资源调度
解决安装依赖时报错:npm ERR! code ERESOLVE
解决安装依赖时报错:npm ERR! code ERESOLVE
925 0
解决安装依赖时报错:npm ERR! code ERESOLVE
|
4月前
|
JavaScript 前端开发 开发者
windows安装npm教程
windows安装npm教程
|
4月前
|
JavaScript 安全 Windows
NPM包的安装、更新、卸载
NPM包的安装、更新、卸载
|
4月前
npm 切换镜像后,npm i 安装依然卡,需要好久才完成
npm 切换镜像后,npm i 安装依然卡,需要好久才完成
146 0
|
8天前
|
缓存 资源调度
npm install安装时一直idealTree:npm: sill idealTree buildDeps解决方案(亲测有效)
npm install安装时一直idealTree:npm: sill idealTree buildDeps解决方案(亲测有效)
22 2
|
1月前
npm从非官方源安装
npm从非官方源安装
|
2月前
|
JavaScript Ubuntu Linux
Linux ubuntu安装nodejs/npm
Linux ubuntu安装nodejs/npm
|
2月前
|
JavaScript Java API
云效问题之流水线使用npm制品仓库构建拉取依赖特别慢如何解决
云效仓库是阿里云提供的代码托管和版本控制服务,支持Git等多种版本管理工具;本合集聚焦于云效仓库的使用技巧、团队协作流程以及常见问题解答,旨在帮助开发者更高效地进行代码管理和协作开发。
113 0
|
2月前
|
开发者
使用 --loglevel verbose 参数查看 npm install 安装过程中的更多细节
使用 --loglevel verbose 参数查看 npm install 安装过程中的更多细节
43 0
|
3月前
|
JavaScript
无法安装Vue脚手架 npm install @vue/cli -g
无法安装Vue脚手架 npm install @vue/cli -g
126 0