npm的安装配置及其使用

npm的安装和配置

从官网下载node.js,点击安装,一直next就行,最后检查是否安装成功。

查看node版本,node -v
查看npm版本,npm -v

配置npm全局模块的存放路径以及cache的路径
在nodejs下建立"node_global"及"node_cache"两个文件夹
在这里插入图片描述
以管理员身份打开命令行窗口,输入以下两句命令,目录是你安装的nodejs的位置

npm config set prefix "E:\nodejs\node_global"    //全局模块存放路径
npm config set cache "E:\nodejs\node_cache"	//缓存模块存放路径

右键打开此电脑>属性>高级系统设置>环境变量>系统变量,在系统变量的Path中添加 E:\nodejs\node_global 路径

为了提高下载安装速度,配置了镜像站

npm config set registry=http://registry.npm.taobao.org

输入npm config list ,可以查看npm的配置信息,如
在这里插入图片描述

最后使用命令 npm install xxx(如vue) -g,即可安装全局依赖,在node_global目录下可以找到安装的包。
在这里插入图片描述


npm的项目使用

  • 找到项目目录(示例我的在hbuilderx创建的项目,E:\HBuilderX\project\npmTest);
  • (以管理员身份运行)打开命令行窗口,输入E: 回车, cd E:\HBuilderX\project\npmTest 即进入项目目录;
  • 输入 npm init -y 回车,会在项目目录下创建package.json,用于配置所需加载的包;
  • 示例安装vue 包 :npm install(或 i ) vue,此时在项目中会生成一个node_moudules的文件夹,里面包含了所安装的包,同时会把依赖写到package.json的dependencies里面。

在这里插入图片描述

在npm中,包(package)、模块(module)、依赖(dependency)都是同一个概念。


npm常用命令

  1. npm init : 初始化项目,自动创建一个package.json文件 。
  2. npm help xxx :查看xxx命令的帮助信息,如npm help version,会打开一个帮助介绍网页。
  3. npm install ( i ) :安装项目依赖
    安装多个依赖可用空格分隔,如 npm i jquery vue
    指定需要安装的版本,如 npm i jquery@版本号,若不指定则安装最新的稳定版。
  4. npm uninstall:卸载
    卸载多个依赖可用空格分割,如npm install jquery vue
    完全卸载,并将依赖信息从package.json的“dependencies”中清除,如npm install jquery -D
  5. npm list -g : 列出已安装的全局依赖
  6. npm list : 默认列出局部依赖
  7. npm outdated : 检查过期依赖
  8. npm update xxx: 更新局部依赖
  9. npm update xxx -g: 更新全局依赖
  10. npm root : 查看局部依赖安装路径,即node_modules的路径
  11. npm -root -g : 查看全局依赖安装路径
  12. npm view :查看模块的注册信息
  13. npm view xxx versions :列出模块的所有版本,如npm view jquery versions
  14. npm view xxx dependencies :列出模块的所有依赖,如npm view gulp dependencies
  15. npm info xxx :列出模块的信息,如npm info jquery

继续下文,下部分关于webpack4的链接

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值