NPM的学习

最新推荐文章于 2024-05-14 21:39:59 发布
最新推荐文章于 2024-05-14 21:39:59 发布
阅读量1.2k 收藏
点赞数 3
分类专栏： 笔记 文章标签： npm 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_60264901/article/details/123520650
版权

学习完Ajax前后端的交互，我们进入学习NPM这个过渡阶段。

在学习前我们先要了解何为NPM？

现在就让我们一起来学习~

 老规矩，学习前先看一下我们的学习框架：

 

目录

NPM的简介

NPM的安装

NPM的安装与常用命令

安装模块

 NPM的竞品Yarn

Yarn的安装

Yarn的基本使用

Yarn的优点

从npm迁移到yarn

总结

NPM的简介

npm(node package manager)是世界上最大的软件注册表，每星期大约有30亿次的下载量，包含超过600000个包(即代码模块）。来自各大洲的开源软件开发者使用npm互相分享和借鉴。包的结构使您能够轻松跟踪依赖项和版本。是Node.js默认的、以JavaScript编写的软件包管理系统。

npm使用一个名为package.json的文件，用户可以通过npm install --save命令把项目里所有的依赖项保存在这个文件里。
 

NPM的安装

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

1.首先，先去官网进行下载：下载 | Node.js 中文网，点击即可去网官网。

2.下载好了直接安装，下一步到最后就可以了，打开 cmd 面板检查是否安装成功：

  • 打开cmd（win + R）；
  • 输入 npm -v ，可以正常弹出版本号即可，表示安装完成！

 安装 jQuery 包：

 

 

NPM的安装与常用命令

 package.js，让共同开发的同事，知道该项目用了哪些包，具体包的版本信息。   一个基本的package.json文件至少需要包含两个重要信息: 包名name和版本信息version。

创建package.js

进入目录，在当前目录下打开 cmd 命令窗口，执行 npm init 命令，点击回车之后会让你输入一些关于本项目的一些基本信息（可忽略，一直回车直到初始化完成后即可）。

package.js属性说明

 

主要字段的含义如下:

  • name: 模块名, 模块的名称有如下要求: 全部小写、只能是一个词语，没有空格、允许使用破折号和下划线作为单词分隔符
  • version: 模块版本信息
  • description：关于模块功能的简单描述，如果这个字段为空的话，默认会从当前目录的READMD.md或README文件读取第一行内容作为它的默认值。
  • main: 模块被引入后，首先加载的文件，默认为index.js。
  • scripts: 定义一些常用命令入口

初始化完成之后，文件目录下会生成 一个 package.json 文件，说明项目初始化完成；

 

安装模块

初始化完成之后可以进行模块的安装（以安装jQuery为例）：

npm install jquery

下载完成后没在node_modules文件下就可以看到jQuery下载成功了。

 使用npm install会读取 package.json文件来安装模块。安装的模块分为两类：deppendencies和devDpendencies,分别对应生产环境需要的安装包和开发环境需要的安装包。同样在安装模块的时候，可以通过指定参数来修改package.json文件，将新安装的模块信息记录到package.json文件。

npm install <package_name> --save
 
npm install <package_name> --save-dev

NPM的使用

 

NPM常用命令


 

 package.json属性说明

 NPM的竞品Yarn

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

官网：Home | Yarn - Package Manager

Yarn的安装

下载node.js,使用npm安装 

npm install -g yarn    

yarn --verdion           查看版本 

安装node.js，下载yarn的安装程序

提供一个.msi文件，在运行时将引导在Windows上安装Yarn

Yarn淘宝源安装，分别复制粘贴下面的代码到黑窗口运行即可

yarn config set registry http://registry.npm.taobao.org -g

yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g


 

Yarn的基本使用

Yarn的优点

  • 速度快
  • 安装版本统一
  • 更简洁的输出
  • 多注册来源处理
  • 更好的语义化

从npm迁移到yarn

可以从npm迁移到yarn，也可以从yarn到npm

总结

这就是今天的学习内容，希望对大家能有所帮助。

👌 ENDING👌

实习期小潘
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
npm 安装指定版本（按版本安装）
日常笔记/总结/系列知识梳理
08-13 21万+
注解：比如， babel 是发布时，将 ES6 代码编译成 ES5 ，那么 babel 就是devDependencies。Vue项目中vue-router，由于发布之后还是依赖vue-router，所以是dependencies。
学习npm
余璜的技术博客
11-22 1915
Node大行其道，不知不觉生活中大部分前端产品都被Node重构，以阿里巴巴为例，收藏夹、我的淘宝、天猫首页、天猫会员、天猫电器城等等，都已经用Nodejs重写数据来源 。那么，Node到底是什么，威力为何如此巨大引无数英雄竞折腰呢？今天好好研究了一番，认为核心在NPM。简单讲，NPM就是一个下载器，通过它可以下载到几乎所有你需要的代码资源。它的成功，包括如下几个方面： 海量资源：NPM背后有数以万计
学习NPM这一篇就够了
轻松的小希
11-25 8196
目录第一章 NPM 概述第二章 NPM 安装第三章 NPM 命令3.1、配置淘宝镜像源3.2、安装所有软件包3.3、安装单个软件包3.4、更新所有软件包3.5、更新单个软件包3.6、卸载指定软件包3.7、安装旧版软件包3.8、软件包版本查看3.9、软件包安装类型3.10、软件包版本介绍3.11、如何使用软件包第四章 package.json 文件4.1、文件介绍4.2、文件结构4.3、属性分类4.3.1、name4.3.1、author4.3.2、contributors4.3.3、bugs4.3.4、ho
npm模块管理器入门
weixin_30685029的博客
11-30 140
什么是 NPM npm 是 Node 官方提供的包管理工具，他已经成了 Node 包的标准发布平台，用于 Node 包的发布、传播、依赖控制。npm 提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。 为什么要使用 NPM npm 是随同 Node 一起安装的包管理工具，能解决 Node 代码部署上...
NPM学习
fujiaxu666的博客
11-07 296
Nodejs学习之npm 这是学习npm的学习笔记。 npm --> node package manager，也就是node的包管理工具（一个应用程序）。 教程 Getting started | npm Docs (npmjs.com) NPM 使用介绍 | 菜鸟教程 (runoob.com) package nodejs的包是基本遵循CommonJS规范，将一组相关的模块组合在一起，形成一个完整的工具。想c语言的头文件 作用 对node工具包搜索、安装、删除、上传。这样我们可以是用别人已经开
npm学习
Sodaxiang的博客
07-21 167
npm 1.npm相关概念  npm（node package manager）是一个node的包管理工具，使用npm能够远程地操作很多包，包的结构使能够轻松跟踪依赖项和版本。使用npm之前，必须先安装node。  npm由三个独立的部分组成： 网站：开发者查找包（package）、设置参数以及管理 npm 使用体验的主要途径。 注册表（registry）：注册表 是一个巨大的数据库...
npm学习 03npm script 传递参数和添加注释
qq_24270109的博客
10-10 592
1.npm script传递参数 1. eslint自动修复参数：–fix 第一种：可能改了lint:js而没有改lint:js:fix "lint:js": "eslint *.js", "lint:js:fix": "eslint *.js --fix", 第二种：代码更加健壮 "lint:js": "eslint *.js", "lint:js:fix": "npm run lint:...
npm学习 02多个npm script串行与并行
qq_24270109的博客
10-09 795
package.json { "name": "npmlearn", "version": "0.1.0", "description": "no", "main": "index.js", "scripts": { "lint:js": "eslint *.js", "lint:css": "stylelint *.less", "lint:json"...
NPM 学习笔记 【因为版本冲突，angular安装失败的解决方案】
weixin_40731298的博客
07-22 2412
angular安装失败
npm install 报错解决方法
04-25
在使用Node.js开发环境时，`npm install`是开发者经常执行的一个命令，它用于安装项目中定义的依赖包。然而，这个过程有时会出现各种错误...在不断学习和实践中，你会对npm有更深入的理解，也能更有效地解决这些问题。
npm 学习
小小笨南瓜
10-25 162
npm 基础/安装
npm的学习
Lucky_YanHao
03-20 167
npm什么是NPM安装npmnpm具体操作 什么是NPM (1). 在后端开发中，使用过maven，maven构建项目，管理jar依赖，联网下载依赖 (2). npm类似于maven，用在前端中，管理前端js依赖，联网下载js依赖，联网下载依赖，比如jquery 安装npm 在安装node.js时候，把npm也会安装上 查看是否安装成功，使用命令npm -v npm具体操作 (1). npm项目初始化操作 使用命令npm init (2). npm下载js依赖 ...
npm命令
qq_48513370的博客
07-25 249
npm命令
常用命令速查表
weixin_30381793的博客
01-31 119
在npm中，包（package）、模块（module）、依赖（dependency）说的都是一回事儿。 常用命令 npm init 初始化项目，其实就是创建一个package.json文件。 npm install 安装所有项目依赖。 npm help xxx 查看xxx命令的帮助信息。 npm search 搜索（快捷方式：find, s） xxx 搜索xxx 如：npm s...
NPM 学习笔记--初识npm
frankdong1988的博客
08-24 321
由于本人是后端Java出身，进一家新公司，50多个技术居然只有2个前端，这就导致很多项目组基本没有配前端，而且看技术总监的节奏是不准备招前端进来了，在公司居然给我们后端培训起了前端框架，这就开始了我的前端框架学习之旅的第一天 npm现在对我来说就像后端的Maven，一个项目工程的包管理工具，npm的所有操作都在黑窗口的命令界面完成，每个标准的前端项目的根目录都有一个package.json文件，...
npm学习-npm入门
u011360133的专栏
03-15 309
这是看官方文档整理的。 一、npm安装和更新 1、安装node，直接从官网上下载安装 node -v // 查看node版本 npm -v // 查看npm版本 2、node安装包带的npm不是最新版本，可以更新 npm install npm@latest -g // 安装最新版本npm，-g全局安装，@latest最新版本标志 更新npm过程中可能会报错，百度解决的。。再说下n...
NPM 基础知识学习
最新发布
青春_奋斗不息
05-14 807
npm，全名 node package manger，是Node.js的依赖管理工具，也是一个巨大的生态系统。
npm 学习笔记
river、的博客
01-11 1017
文章目录NPMNPM 是什么？如何安装 NPM 并管理 NPM 版本从 Node.js 网站安装 NPM更新 NPM使用版本管理器安装 Node.js 和 NPM如何安装 npm 包在本地下载和安装包通过命令行安装使用使用 package.json要求（Requirements）创建 package.json运行 CLI 问卷创建一个默认的 package.json 文件指定依赖项全局下载和安装包...
npm学习笔记——初识npm文档
我也想变成大牛
11-28 438
npm 学习笔记 一、初识npm文档 1.1  npm是啥？      npm 是 Node 的模块管理器,它是 Node 获得成功的重要原因之一。      官方文档翻译：npm是世界上最大的软件注册机构，开源开发人员使用npm来共享和借用包，许多组织也使用npm来管理私有开发；包括web、cli、registry三个部分 web——可以搜索包，管理个人信息和包管理等 cli——运行在命令...
npm
08-31
- *2* *3* [npm学习：安装、更新以及管理npm版本](https://blog.csdn.net/qq_44885775/article/details/126524404)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值