npm管理器如何安装模块、如何快速构建第一个node.js项目

开发工具Visual Studio Code 环境:安装node.js

npm: npm - JavaScript 包管理器----类似maven

作用:

1.快速构建一个node.js项目?

1.1Visual Studio Code工具中新建项目

1.2终端运行命令:npm init -y

1.3得到package.json文件
在这里插入图片描述

— 得到package.json内容如下:

 {
"name": "nmp",//工程名
"version": "1.0.0",//版本号
"description": "我是node工程",//描述
"main": "index.js",//入口js
"scripts": {//运行脚本
 "test": "echo \"Error: no test specified\" && exit 1"
},
"author": "韩永红",//开发者
"license": "ISC"//授权协议
}
----类似 pom.xml文件依赖管理

2.快速安装和依赖第三模块例如:npm mysql redis vue等模块
2.1如何安装第三个模块?
终端执行命令: nmp install xxx 或者 npm i xxx -----xxx代表模块名
例如:
单个安装命令: npm install mysql
多个安装命令: npm install mysql vue
在这里插入图片描述

2.2 安装在什么位置? 安装成功后项目结构如下:
在这里插入图片描述

node_modules文件中生成第三模块
在这里插入图片描述

提示:安装第三模块成功后会记录在package.json文件中

在这里插入图片描述

2.3如何使用模块?
2.3.1. 新建xxx.js
2.3.2导入模块
const mysql=require(“mysql”);//导入mysql
const redis=require(“redis”);//导入redis
在这里插入图片描述

3.模块和package.json什么关系(安装的模块会记录在package.json中)
nmp install xxx 或者 npm i xxx安装的模块会记录在package.json文件中

如下:

  "dependencies": {
    "mysql": "^2.18.1",
    "redis": "^4.3.1",
    "vue": "^3.2.39"
  }

类似于maven中的pom.xml,记录的作用:复用
1.package.json记录了模块的依赖
2.通过 npm install 可以直接把package.json中的模块依赖全部自动下载到其它新项目中进行复用,(避免重复下载,方便集成第三模块推荐使用此方法)
案例:

新建一个项目,将 原有项目中package.json放到新建项目下,利用cmd执行npm install命令将会自动下载package.json中模块依赖包(将原项目中导入模块package.json利用此方法提高了效率不用使用终端命令安装第三模块那样麻烦了)

1
在这里插入图片描述
2package.json复用项目中
在这里插入图片描述
3.项目中cmd执行 npm install命令 把package.json中的模块依赖全部自动下载到项目中
在这里插入图片描述
在这里插入图片描述

注意:此处直接 用npm install命令 把package.json中的模块依赖下载(node_modules)到项目中效率高,速度快,而不是直接将node_modules依赖包进行复制到项目是因为效率低,速度慢(文件过大不推荐使用)

4.如果安装模块太慢?
利用cnpm淘宝镜像:
4.1终端执行如下命令:

npm install -g cnpm --registry=https://registry.npmmirror.com

4.2安装模块:

cnpm   install  模块名称

如何运行?

node  xxx.js(js可以直接省略)

5.卸载模块
命令:npm uninstall vue 执行完卸载命令后package.json中依赖也会消失
单个卸载: npm uninstall vue cnpm uninstall vue
多个卸载: npm uninstall vue mysql cnpm uninstall vue mysql

总结:第三模块安装方式有两种:第一种通过 npm 安装,第二种利用cnpm淘宝镜像安装

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值