nodejs和npm

2022/6/29 14:23:12

本文主要是介绍nodejs和npm,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

preface

简单记录下自己学习前端的知识点:nodejs和npm。

nodejs和npm

nodejs

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。也可以片面地理解,把浏览器运行 JavaScript 代码的功能单独拎了出来,它就成了 Node.js

nodejs学习路线

针对 Node.js 的学习,根据目的不同学习的程度也有所不同。首先可以确定的是,由于 Node.js 是一个 JavaScript 的运行环境,对于 JavaScript 的语法我们肯定是需要熟悉的。关于 JavaScript 的学习可以参考 MDN 的教程。
①如果是为了使用 Vue、React 等前端框架,对于 Node.js 的学习可以比较简单。只需学习如何安装运行 Node.js,学习其包管理工具 npm 的使用即可。

②如果是为了使用 Node.js 开发后端接口等服务,则需要深入了解一下 node.js 接口,再去学习对应的后端框架。由于 Node.js 是运行在计算机本地,提供的接口与运行在浏览器的有所不同。这些接口与很多语言类似,包括了一些操作本地系统、文件、网络等功能。如需学习这些接口,可以查阅 node.js 中文接口文档 或 node.js 官方英文接口文档。

上手nodejs

①首先打开 Node.js 的官网即可下载安装,会有LST(Long Term Support 长期支持)与 Current(最新) 两个版本提供下载。简而言之,LST 是经过考验的稳定版本,Current 是包含最新特性的版本,但可能有些 bug
②安装过程中可保持默认选项,安装完成后调起控制台执行 node 可以知道是否安装成功
image

③建一个 JavaScript 文件,输入以下代码尝试 node + 文件名 的方式运行
image

npm

npm 是 node.js 的一个包管理工具,用于管理我们所用的第三方库

包管理工具

npm 这种包管理工具不是独创,在 python 中有 pip,java 有 maven,几乎各个语言都有。那么为什么会需要这种包管理工具呢?
想象一下,如果有一个功能大家都会用到,那么相比你自己写,去别人那拷贝一份过来岂不是更香。拿 U 盘拷或微信发送效率太低了,于是就有了 github 这种共享代码的平台,大家把写好的轮子往上一放。你想用哪个直接去搜然后下载放进你的项目就行了。 搜索+下载+放进项目 这个步骤还是太麻烦了,于是乎就有了 npm 这种包管理工具,一个命令 npm install xxx 就能把你想用的代码放进你的项目文件夹。
以上只是包管理工具的一个功能,npm 还会把你当前项目下安装的第三方库记录到 package.json 这个文件中。当你把代码发给别人或部署到服务器上时,只是执行 npm install 就可以一次性把项目所依赖的第三方代码库下载完成。(为什么不连同用到的第三方代码库一起打包给别人?因为这些文件太多了,一个成熟的项目第三方库可能都有上 GB 的大小。)
还有的就是,package.json 还会保存所用的第三方库的版本号。这样可以保证你开发时的第三方库版本与服务器上的版本一致。可以避免因为第三方库的升级导致接口变动,或存在未知 bug 导致项目运行失败。

npm学习路线

image

上手npm

尝试使用 npm 来安装一个包,了解其基本流程
①安装 node.js 时已经包含 npm,可以在命令行中输入 npm -v 检验 npm 是否已经安装并获得当前 npm 版本。
image

②建一个空的文件夹,在命令行中进入创建的文件夹,并执行 npm init 初始化
③执行 npm install snake-cli-ts 来安装 snake-cli-ts 这个第三方库。安装完成后会多出 node_modules 文件夹、 package.json 和 package-lock.json 文件。
新建npmtest文件夹,在cmd中进入到该文件目录,然后输入npm install snake-cli-ts
image

  • node_modules:保存当前项目所需第三库的文件夹。

  • package.json:记录当前项目相关的信息,比如项目所引用的第三方库名称和版本号,项目名、版本号、快捷命令等。

  • package-lock.json:记录所有第三方库(包括第三方库的第三方库)的版本号、来源、hash 值等相关信息,只要这个文件一致那么可以保证每次 install 之后的第三方库代码文件都会一致。
    image
    ④在文件夹路径下运行npm exec snake,然后开始玩一下贪吃蛇游戏吧
    image



这篇关于nodejs和npm的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程