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文件
npm管理器如何安装模块、如何快速构建第一个node.js项目_第1张图片

— 得到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
npm管理器如何安装模块、如何快速构建第一个node.js项目_第2张图片

2.2 安装在什么位置? 安装成功后项目结构如下:
npm管理器如何安装模块、如何快速构建第一个node.js项目_第3张图片

node_modules文件中生成第三模块
npm管理器如何安装模块、如何快速构建第一个node.js项目_第4张图片

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

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

2.3如何使用模块?
2.3.1. 新建xxx.js
2.3.2导入模块
const mysql=require(“mysql”);//导入mysql
const redis=require(“redis”);//导入redis
npm管理器如何安装模块、如何快速构建第一个node.js项目_第6张图片

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
npm管理器如何安装模块、如何快速构建第一个node.js项目_第7张图片
2package.json复用项目中
npm管理器如何安装模块、如何快速构建第一个node.js项目_第8张图片
3.项目中cmd执行 npm install命令 把package.json中的模块依赖全部自动下载到项目中
npm管理器如何安装模块、如何快速构建第一个node.js项目_第9张图片
npm管理器如何安装模块、如何快速构建第一个node.js项目_第10张图片

注意:此处直接 用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淘宝镜像安装

你可能感兴趣的:(vue教程,node.js,npm,前端)