NPM入门（2）

已于 2024-04-15 09:11:19 修改
阅读量398 收藏
点赞数
分类专栏： node 文章标签： npm npm入门 淘宝npm Yarn cnpm
于 2019-05-29 11:28:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq291314217/article/details/90665478
版权

目录

NPM是什么？

NPM由三个独立部分组成

NPM与Node.js的区别？

如何安装NPM?

NPM使用

安装NPM包

安装本地包

安装全局包

常用命令

package.json 与 package-lock.json

Yarn是什么？

Yarn的优点？

CLI 命令比较

干货

使用淘宝npm

NPM是什么？

npm（Node Package Manager）是Node.js以JavaScript编写的软件包管理系统。

NPM由三个独立部分组成

  1. 网站：https://www.npmjs.com/是开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。
  2. 注册表：是一个巨大的数据库，保存了每个包（package）的信息。
  3. 命令行工具 (CLI)： 通过命令行或终端运行。开发者通过 CLI 与 npm 打交道。

NPM与Node.js的区别？

  1. npm是node.js默认的软件包管理系统。安装完毕node后，会默认安装好对应的npm版本
  2. npm本身也是基于Node.js开发的包

如何安装NPM?

  1. npm会随着node.js自动安装，所以不需要安装，只升级就好
查看当前版本：npm -v
更新到最新版本：npm install npm@latest -g
更新到最新官方测试版本：npm install npm@next -g

NPM使用

  1.  在https://www.npmjs.com/网站找到需要在包
  2. 在项目的根目录下，执行npm install 包名称安装
  3. 在node.js代码中通过require('包名');加载该模块

ye:注意:通过npm install 包名 安装的包，会自动下载到当前目录下的node_modules目录下

安装NPM包

有两种方式用来安装 npm 包：本地安装和全局安装。至于选择哪种方式来安装，取决于我们如何使用这个包。

如果你自己的模块依赖于某个包，并通过 Node.js 的 require 加载，那么你应该选择本地安装，这种方式也是 npm install 命令的默认行为。

如果你想将包作为一个命令行工具，（比如 grunt CLI），那么你应该选择全局安装。

安装本地包

1、安装mime包

npm install mime

2、使用

  • 如果 node_modules 目录下存在一个名为 mime的文件夹，则说明成功安装了这个包。
  • 创建文件mimeDemo.js
const mime = require('mime');
console.log(mime.getType('ye.txt'));
  • 运行mimeDemo.js
D:\backup\Desktop\ye90
λ node mimeDemo.js
text/plain

ye: 一定要在package.json文件所在的目录中执行。再次运行npm install mime 命令可以修复安装失败的问题

安装全局包

1、安装mime全局包

npm install -g mime

2、使用

D:\backup\Desktop\ye90  (ye90@1.0.0)
λ mime "ye90sf.txt"
text/plain

常用命令

npm install <package> 安装本地包
npm update <package> 更新本地安装的包
npm uninstall <package> 卸载本地安装的包
npm install -g <package> 安装全局包
npm update -g <package> 更新全局安装的包
npm uninstall -g <package> 卸载全局安装的包

package.json 与 package-lock.json

      1、package.json 

描述：package.json文件是一个包说明（项目描述文件）

创建package.json文件：通过npm init 或者npm init -y命令

      2、 package-lock.json

描述：锁定安装时的包的版本号，并且需要上传到git，以保证其他人在npm install时大家的依赖能保证一致（package-lock.json文件是npm5以后才有的新文件）。

创建package-lock.json：npm install


Yarn是什么？

“Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具 ，正如官方文档中写的，Yarn 是为了弥补 npm 的一些缺陷而出现的。

ye：yarn是一个自动安装依赖包的工具，跟Linux的yum一样。

Yarn的优点？

•    速度快 。速度快主要来自以下两个方面：

  1. 并行安装：无论 npm 还是 Yarn 在执行包的安装时，都会执行一系列任务。npm 是按照队列执行每个 package，也就是说必须要等到当前 package 安装完成之后，才能继续后面的安装。而 Yarn 是同步执行所有任务，提高了性能。
  2.  离线模式：如果之前已经安装过一个软件包，用Yarn再次安装时之间从缓存中获取，就不用像npm那样再从网络下载了。

•    安装版本统一：为了防止拉取到不同的版本，Yarn 有一个锁定文件 (lock file) 记录了被确切安装上的模块的版本号。每次只要新增了一个模块，Yarn 就会创建（或更新）yarn.lock 这个文件。这么做就保证了，每一次拉取同一个项目依赖时，使用的都是一样的模块版本。npm 其实也有办法实现处处使用相同版本的 packages，但需要开发者执行 npm shrinkwrap 命令。这个命令将会生成一个锁定文件，在执行 npm install 的时候，该锁定文件会先被读取，和 Yarn 读取 yarn.lock 文件一个道理。npm 和 Yarn 两者的不同之处在于，Yarn 默认会生成这样的锁定文件，而 npm 要通过 shrinkwrap 命令生成 npm-shrinkwrap.json 文件，只有当这个文件存在的时候，packages 版本信息才会被记录和更新。
•    更简洁的输出：npm 的输出信息比较冗长。在执行 npm install <package> 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，Yarn 简洁太多：默认情况下，结合了 emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。
•    多注册来源处理：所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。
•    更好的语义化： yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

CLI 命令比较

npm (v5)

Yarn

npm install

yarn install

npm install [package]

yarn add [package]

npm install [package] --save-dev

yarn add [package] --dev

npm install [package] --save-optional

yarn add [package] --optional

npm install [package] --save-exact

yarn add [package] --exact

npm install [package] --global

yarn global add [package]

npm update --global                  

yarn global upgrade                    

npm uninstall [package]

yarn remove [package]

npm cache clean

yarn cache clean [package]

干货

使用淘宝npm

1、获取原本的镜像地址

npm get registry
yarn config get registry 或者 yarn config list

2、临时使用

npm --registry https://registry.npm.taobao.org install express

3、持久使用（中国人必须设置这个，否则会有各种安装慢或失败，如：chromedriver 谷歌包）

npm config set registry https://mirrors.huaweicloud.com/repository/npm/
yarn config set registry https://mirrors.huaweicloud.com/repository/npm/


npm 官方原始镜像网址是：https://registry.npmjs.org/
淘宝 NPM 镜像：https://registry.npm.taobao.org/
阿里云 NPM 镜像：https://npm.aliyun.com
腾讯云 NPM 镜像：https://mirrors.cloud.tencent.com/npm/
华为云 NPM 镜像：https://mirrors.huaweicloud.com/repository/npm/
网易 NPM 镜像：https://mirrors.163.com/npm/
中科院大学开源镜像站：http://mirrors.ustc.edu.cn/
清华大学开源镜像站：https://mirrors.tuna.tsinghua.edu.cn/
腾讯，华为，阿里的镜像站基本上比较全

4、通过cnpm使用

npm install -g cnpm --registry=https://registry.npm.taobao.org
安装命令：cnpm install 包名

5、换回原来的镜像

npm config set registry https://registry.npmjs.org/

ye90
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
npm安装包.rar
11-27
安装包版本 NGINX :1.18.0 PHP: 7.2.34 MYSQL:5.6.44 可用版下载
npm 包与模块关系 下载使用包 init命令 package.json文件 node_modules文件夹 全局安装包和本地安装包 开发依赖和生产依赖
kjs--的博客
03-24 1628
npm 了解npm npm 全称Node Package Manager(node 包管理器)，它的诞生是为了解决 Node 中第三方包共享的问题。 npm 不需要单独安装。在安装Node的时候，会连带一起安装npm。 npm -v检查安装的情况。 官网https://www.npmjs.com/ 当我们谈到npm时，我们在说两个东西： 命令行工具。这个工具在安装node时，已经自动安装过了。 npm网站。这是一个第三方模块的"不花钱的超市"，我们可以自由地下载，上传模块。 包（package）与模
Node Package Manager（NPM）详解：从入门到精通
最新发布
2301_79262050的博客
05-16 495
NPM，即Node Package Manager，是随着Node.js一同发布的包管理工具。包管理：安装、卸载、更新、配置项目所需的包。版本管理：管理包的版本，确保项目使用正确的依赖版本。依赖管理：自动处理包的依赖关系，简化开发者的工作。NPM提供了一个命令行工具和一个在线仓库（registry），开发者可以在仓库中查找并使用数百万个开源包。NPM作为Node.js的包管理工具，已经成为JavaScript开发中不可或缺的一部分。
npm安装本地包
热门推荐
yihanzhi的博客
11-11 1万+
1、npm安装本地包 1）安装本地包的方式： npm install 待安装包的相对路径 2）安装示例 现有一项目，其根目录下有一个私有npm包（“my-test-npm”），需将该私有包添加为项目依赖包。 现有项目根目录结构，如下图所示 添加依赖 执行命令（npm install ./my-test-npm），如下图所示： package.json文件 依赖包添加成功后，package.json中可见该依赖包信息 2、npm卸载本地包 npm uninstall 待卸载包的相对路径 ...
npm 安装包总结
weixin_30852367的博客
06-05 68
1.前端可视化json：vue-json-viewer; 转载于:https://www.cnblogs.com/lesliejavascript/p/10977754.html
npm查看全局安装过的包
大赚万万亿
02-08 233
npm list -g --depth 0
starter-npm-js：NPM软件包的入门套件
02-15
入门（npm） js NPM软件包的入门套件。 概述 总体而言，该入门工具包提供了用于开发和构建NPM软件包的标准样板结构。 它具有一些可配置的项目设置，包括用于以下目的的* rc / * ignore文件： （ 用于导入/导出语法...
node-seed:Node.js和NPM入门包
05-21
入门 克隆或分叉此仓库 $ git clone git@github.com:henryfreel/node-seed.git cd进入新目录 $ cd node-seed 如果还没有，请安装Node＆NPM 独立安装程序： ： 自制软件： ： 安装自制软件： ruby -e "$(curl ...
npm-package-starter:NPM软件包入门套件
03-04
NPM包启动器 编写NPM软件包的模板 安装 # Clone the starter kit $ git clone https://github.com/pokeguys/npm-package-starter.git $ cd npm-package-starter # Reinitialize git config $ rm -rf .git $ git init...
用 npm script 打造超溜的前端工作流
02-22
2入门篇 02：运行多个 npm script 的各种姿势.md 3入门篇 03：给 npm script 传递参数和添加注释.md 4进阶篇 01：使用 npm script 的钩子.md 5进阶篇 02：在 npm script 中使用环境变量.md 6进阶篇 03：实现 ...
typescript-npm-starter：使用npm的TypeScript入门
02-10
Typescript-npm-starter 使用npm的TypeScript入门快速开始# You can change app nameAPP_NAME= " myapp "git clone https://github.com/nwtgck/typescript-npm-starter.git $APP_NAMEcd $APP_NAMErm -rf .gitsed -i ...
npm package
01-25
NPM PACKAGE NPM PACKAGE NPM PACKAGE NPM PACKAGE NPM PACKAGE NPM PACKAGE NPM PACKAGE NPM PACKAGE NPM PACKAGE
npm介绍 包的安装与下载
qq_44827640的博客
10-18 223
nvm nodejs 版本 管理器 $ nvm -v #查看nvm版本 $ nvm install version #安装指定版本的nodejs $ nvm use version #切换到指定版本的nodejs $ nvm ls #查看 nvm 管理的所有 nodejs 版本 $ nvm uninstall version #卸载指定版本的nodejs #查看nodejs是否安装并使用 $ node -v #
npm install packagename、npm install packagename --save、npm install packagename --save-dev等区别
Selience的博客
01-12 883
首先，查阅npm官方文档可知,npm命令行有多种写法： npm install (with no args, in package dir) npm install [<@scope>/]<name> npm install [<@scope>/]<name>@<tag> npm install [<@scope>/]&l...
03-npm安装包详解，解决npm下载慢的问题，引入nrm等
CapejasmineY的博客
08-09 1015
认识js中的包，使用npm安装包，解决npm下载慢的问题，nrm的使用
NPM包的安装、更新、卸载
专注于大数据方向，区块链，前后端，数据可视化，人工智能等领域
08-08 1万+
一般情况下是由于系统目录权限导致的，例如在系统盘（C盘）可能会有这种问题，这时候我们安装在C盘之外的其他盘下面（例如：D盘目录下）就可以解决。注意：如果您使用的是npm 版本过低，在更新包的会报错，建议更新到新版本的npm，然后再更新所有过时的全局包。如果出现EACCES权限错误，您可能需要使用版本管理器重新安装npm，或者手动更改npm的默认目录。如果您不再需要在代码中使用某个包，我们建议您卸载它并将其从项目的依赖项中移除。最后，如果不想重新安装原来之前的包，也可以把之前的包，拷贝到当前目录下。
NPM包的安装、更新、卸载_卸载npm，吊打面试官
m0_61331573的博客
04-15 3611
拿到面试邀请后，在面试的过程中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！中一定要大大方方，尽力把自己学到的知识舒适地表达出来，不要因为是自学就不够自信，给面试官一个好的印象，面试成功的几率就会大很多，加油吧，骚年！最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。最后，如果不想重新安装原来之前的包，也可以把之前的包，拷贝到当前目录下。
node和npm安装
sw150811426的博客
03-29 1213
双击运行安装文件1-node-v14.15.0-x64.msi,点击下一步。选择安装的位置D:\software\nodejs，选择下一步。选择安装的模块，默认是全部安装，不需要改动，直接下一步。npm包管理器，是集成在node中的，因此两者一起安装。安装文件：1-node-v14.15.0-x64.msi。打开命令行工具，输入“node -v” 命令。命令行工具内输入“npm -v”命令。勾选同意协议，继续下一步。不需要改动，直接下一步。安装路径：D:\nodejs。成功：出现npm版本信息。
npm install生成的package-lock.json文件有什么作用？
weixin_45847735的博客
12-21 4181
package.json里面定义的是版本范围（比如^1.0.0），具体跑npm install的时候安的什么版本，要解析后才能决定，这里面定义的依赖关系树，可以称之为逻辑树（logical tree）。产生背景：在拷贝项目时不需要拷贝node_modules文件夹，如果拷贝的话会很慢，那么如何解决安装的依赖与原项目依赖及版本保持一致呢？①package.json 项目描述文件，保存在项目的根目录下面，记录了当前的项目信息，用npm init -y命令生成。②拷贝项目后，直接执行npm install会自动.
koa2 + mysql 入门
04-06
Koa2是一个基于Node.js的Web开发框架，而MySQL是一种关系型数据库管理系统。将它们结合起来，可以更方便地进行Web开发。 以下是Koa2和MySQL入门的基本步骤： 1. 安装Koa2和MySQL模块 使用npm安装koa和mysql模块： ``` npm install koa mysql ``` 2. 连接MySQL数据库 在应用程序中，需要连接到MySQL数据库。可以使用以下代码： ``` const mysql = require('mysql'); const connection = mysql.createConnection({ host: 'localhost', user: 'root', password: 'password', database: 'database_name' }); connection.connect(); ``` 其中，`host`是数据库服务器的地址，`user`是用户名，`password`是密码，`database`是要连接的数据库名称。 3. 执行SQL查询 连接到数据库后，可以执行SQL查询。以下是一个简单的查询示例： ``` connection.query('SELECT * FROM users', function (error, results, fields) { if (error) throw error; console.log(results); }); ``` 在这个示例中，使用`SELECT`语句从`users`表中检索所有行。查询结果将在控制台中打印出来。 4. 在Koa2中使用MySQL 在Koa2应用程序中，可以使用`koa-mysql`模块来更方便地使用MySQL。以下是一个简单的示例： ``` const Koa = require('koa'); const app = new Koa(); const mysql = require('koa-mysql'); app.use(async (ctx, next) => { const db = await mysql.createPool({ host: 'localhost', user: 'root', password: 'password', database: 'database_name' }); const results = await db.query('SELECT * FROM users'); ctx.body = results; }); app.listen(3000); ``` 在这个示例中，使用`koa-mysql`模块创建一个MySQL连接池。然后，使用`query`方法从`users`表中检索所有行，并将结果作为响应主体发送给客户端。 这只是一个简单的入门示例。在实际应用中，可能需要更复杂的查询和数据操作。但是，通过这个入门示例，您应该已经了解了如何将Koa2和MySQL结合起来进行Web开发。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值