npm包管理器小白入门

目录

概念

安装

配置npm镜像地址

项目初始化

npm install(下载依赖)       

其他命令


概念

        npm全称Node Package Manager,是Node.js的包管理工具,相当于前端的Maven。

安装

        npm不需要单独安装,安装Node.js后,会自动安装npm。在cmd命令终端里面输入命令:npm -v可以查看当前npm的版本

配置npm镜像地址

        npm官方管理的包都是从http://npmjs.com下载的,国内访问比较慢,推荐使用淘宝npm镜像:http://registry.npmmirror.com

        使用如下命令配置淘宝镜像地址:

npm config set registry http://registry.npmmirror.com

        通过命令:npm config list,可以查看npm配置信息

npm config list

项目初始化

  • 建立一个空文件夹,然后使用命令:npm init,进行项目的初始化,会让选择输入某些信息(如package name、version、description等),可以直接按回车键以默认形式生成,如下:
PS D:\STS\yygh\npmdemo> npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help init` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (npmdemo)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to D:\STS\yygh\npmdemo\package.json:

{
  "name": "npmdemo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this OK? (yes)

        全部选择完成后,会自动生成一个名为package.json的文件,这个是包的配置文件,相当于Maven的pom.xml。package.json如下所示:

{
  "name": "npmdemo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

        如果想直接生成package.json文件,选项以系统自动生成,则可以使用命令:npm init y

npm install(下载依赖)       

  • 使用命令:npm install 依赖名称,如果不指定版本,将会安装依赖包的最新版本。如下载Vue,如下所示将会下载Vue最新版本:
npm install vue
  • 模块默认安装的位置:项目目录下的node_modules文件夹中
  • 依赖包会被添加到package.json文件中的dependencies节点下,类似于maven中的<dependencies>
"dependencies": {
    "vue": "^3.2.40"
  }
  • 根据配置文件下载依赖
    直接使用命令:npm install,会下载package.json配置文件里面的全部依赖

其他命令

npm update 包名更新包(更新到最新版本)
npm update -g 包名全局更新
npm uninstall 包名卸载包
npm uninstall -g 包名全局卸载

















 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

luckyliuqs

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值