040_NPM包管理器


简介

NPM全称Node Package Manager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于前端的Maven 。
# 在命令提示符输入 npm -v 可查看当前npm版本
npm -v

使用npm管理项目

创建项目文件夹npmpro

image.png

vscode打开项目文件夹

image.png

项目初始化 npm init

image.png
image.png

#建立一个空文件夹,在命令提示符进入该文件夹  执行命令初始化
npm init
#按照提示输入相关信息,如果是用默认值则直接回车即可。
#name: 项目名称
#version: 项目版本号
#description: 项目描述
#keywords: {Array}关键词,便于用户搜索到我们的项目
#最后会生成package.json文件,这个是包的配置文件,相当于maven的pom.xml
#我们之后也可以根据需要进行修改。
#如果想直接生成 package.json 文件,那么可以使用命令
npm init -y
npm init

image.png
image.png

安装第三方模块 npm install

image.png

#使用 npm install 安装依赖包的最新版,
#模块安装的位置:项目目录\node_modules
#安装会自动在项目目录下添加 package-lock.json文件,这个文件帮助锁定安装包的版本
#同时package.json 文件中,依赖包会被添加到dependencies节点下,类似maven中的 <dependencies>
npm install jquery
#如果安装时想指定特定的版本
npm install jquery@2.1.x
#devDependencies节点:开发时的依赖包,项目打包到生产环境的时候不包含的依赖
#使用 -D参数将依赖添加到devDependencies节点
npm install --save-dev eslint
#或
npm install -D eslint
#全局安装
#Node.js全局安装的npm包和工具的位置:用户目录\AppData\Roaming\npm\node_modules
#一些命令行工具常使用全局安装的方式
npm install -g webpack
#npm管理的项目在备份和传输的时候一般不携带node_modules文件夹
npm install #根据package.json中的配置下载依赖,初始化项目

安装mysql npm install mysql

npm install mysql

image.png

安装jquery npm i jquery

npm i jquery

image.png

下载慢时,可以使用淘宝的npm镜像

image.png
淘宝npm镜像地址:http://npm.taobao.org/
image.png
image.png

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

image.png

cnpm install redis

同时安装多个第三方模块 npm i redis vue

image.png

npm install redis vue
或者
npm i redis vue

安装指定版本第三方模块 npm install mysql@2.18.1

image.png

package.json的作用

image.png
image.png

  1. 在发布项目或者拷贝项目的时候,node_moudles其实是没意义的。因为它仅仅在开发和打包的时候使用
  2. 如果托管代码其实没必要,为什么。因为你package.json文件中已经记录了这些模块坐标。我们可以直接使用npm install 去重新安装和生成node-modules。所以的nodejs项目下载以后第一个要执行的命令都是npm install的原因也就是如此。
  3. 这也就是为什么官方不提供node-modules的原因。因为你可以直接用npm install 去下载

新项目复用旧项目步骤

  1. 复制package.json文件到新项目
  2. 执行npm install,会把package.json所依赖的模块全部自动下载
npm install

使用第三方模块

image.png

// 导入模块mysql
const mysql = require("mysql");
// 导入模块jquery
const jquery = require("jquery");

查询第三方模块使用文档

打开npm官网

地址:https://www.npmjs.com/
image.png

搜索mysql

image.png

打开mysql文档

image.png

查看mysql安装和导言

image.png
image.png

其他内容查看其他

运行 node xxx.js 或 node xxx

image.png

node demo.js

image.png

终止命令 Ctrl+C

image.png

卸载第三方模块 npm uninstall jquery

npm uninstall jquery

image.png

修改npm镜像

修改npm镜像

NPM官方的管理的包都是从 http://npmjs.com下载的,但是这个网站在国内速度很慢。

这里推荐使用淘宝 NPM 镜像 http://npm.taobao.org/

淘宝 NPM 镜像是一个完整 npmjs.com 镜像,同步频率目前为 10分钟一次,以保证尽量与官方服务同步。

设置镜像地址

#经过下面的配置,以后所有的 npm install 都会经过淘宝的镜像地址下载
npm config set registry https://registry.npm.taobao.org 
#查看npm配置信息
npm config list

其他命令

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

常用开发运行命令(可修改):npm run dev

常用打包命令(可修改):npm run build

posted @ 2021-10-10 12:01  清风(学习-踏实)  阅读(52)  评论(0编辑  收藏  举报