2024年前端最新nodejs项目实战教程04——npm相关概念及其使用,2024最新阿里前端面经

学习分享,共勉

题外话,毕竟我工作多年,深知技术改革和创新的方向,Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

npm list

为了说明,先安装md5和silly-datetime两个软件包,再执行 npm list

在这里插入图片描述

同样,也可以直接在node_modules平级的package.json文件中的dependencies中看到下载的包(根据翻译,此时也可以称为依赖)

4.卸载模块

npm uninstall ModuleName

以silly-datetime包为例:

在这里插入图片描述

可以看到package.json中的依赖项和mode_modules的依赖文件夹都已经删除,有时候需要刷新一下文件夹。

当需要删除的包过多时,我们还可以通过删除package.json文件中的dependencies中的需要删除的包和整个node_modules文件夹,然后再重新 npm i 下载整个项目的包。

5.安装整个项目的包

在第一次下载项目的时候,通常因为考虑到文件大小的问题,上传者不会上传node_modules文件夹,所以我们就需要通过package.json文件重新下载node_modules中的依赖。进入到整个项目的package.json的上一级目录,执行:

npm i

5.生成package.json

我们使用 npm i moduleName 命令安装依赖的时候也会自动生成package.json文件。

npm init --yes

6.查看当前npm版本

npm -v

在这里插入图片描述

4. package.json

===============================================================================

创建package.json

npm init

或者

npm init --yes

我们在安装依赖的时候 npm i moduleName ,也会自动生成package.json文件。那么这两种生成package.json的方式有什么不同呢?

4.1 安装依赖生成的package.json文件


在这里插入图片描述

4.2 使用 npm init --yes 生成的package.json文件:


在这里插入图片描述

通过对比,不难直接通过安装依赖生成的package.json文件只有dependencies属性,而通过 npm init --yes 命令生成的package.json则更像是一个包的说明文档(注意package.json不允许添加注释,否则会报错,以下注释是为了说明而添加的),唯独缺少了dependencies属性:

{

“name”: “demo04”, // 包的文件夹

“version”: “1.0.0”, // 包的版本号

“description”: “”, // 包的描述

“main”: “index.js”, // 包的入口文件

“scripts”: {

“test”: “echo “Error: no test specified” && exit 1”

},

“keywords”: [], // 包的关键词

“author”: “”, // 包的作者

“license”: “ISC”, // 包的执照

“dependencies”: { // 包的依赖

“md5”: “^2.3.0”

}

}

但是如果此时我们再安装依赖:

在这里插入图片描述

就会发现dependencies依赖属性就会出现了。

4.3 安装依赖后再执行npm init


通过安装依赖生成了package.json的项目,还可以再次使用 npm init 或者 npm init --yes 重新生成package.json文件吗?直接试试看。

4.3.1 使用 npm init

在这里插入图片描述

在这里插入图片描述

可以看到使用命令 npm init 按照提示可以设置package.json的属性值,预览,确定最终生成package.json文件,并且仍然保留原来的依赖,只是位置提前到了第一个。

4.3.2 使用npm init --yes

ctrl + z恢复package.json文件,再次使用 npm init --yes 命令初始化package.json:

在这里插入图片描述

发现除了属性是默认值外,和 npm init 命令作用相同,并且仍然保留原来的依赖。

5.安装淘宝镜像

=======================================================================

淘宝npm镜像是一个完整的npmjs.org镜像,服务部署在国内(安装依赖速度会更快),和官方服务同步频率为10分钟一次,因此可以使用淘宝镜像代替官方版本使用。

npm包官网:http://www.npmjs.org

淘宝 npm 镜像官网:https://npm.taobao.org/

下载安装淘宝镜像命令行工具:

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

刷面试题

刷题的重要性,不用多说。对于应届生或工作年限不长的人来说,刷面试题一方面能够尽可能地快速自己对某个技术点的理解,另一方面在面试时,有一定几率被问到相同或相似题,另外或多或少也能够为自己面试增加一些自信心,可见适当的刷题是很有必要的。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  • 前端字节跳动真题解析

  • 【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。

真题解析**

  • 【269页】前端大厂面试题宝典

最后平时要进行自我分析与评价,做好职业规划,不断摸索,提高自己的编程能力和抽象思维能力。大厂面试远没有我们想的那么困难,摆好心态,做好准备,你也可以的。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值