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 可以知道是否安装成功
③建一个 JavaScript 文件,输入以下代码尝试 node + 文件名 的方式运行
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学习路线
上手npm
尝试使用 npm 来安装一个包,了解其基本流程
①安装 node.js 时已经包含 npm,可以在命令行中输入 npm -v 检验 npm 是否已经安装并获得当前 npm 版本。
②建一个空的文件夹,在命令行中进入创建的文件夹,并执行 npm init 初始化
③执行 npm install snake-cli-ts 来安装 snake-cli-ts 这个第三方库。安装完成后会多出 node_modules 文件夹、 package.json 和 package-lock.json 文件。
新建npmtest文件夹,在cmd中进入到该文件目录,然后输入npm install snake-cli-ts
-
node_modules:保存当前项目所需第三库的文件夹。
-
package.json:记录当前项目相关的信息,比如项目所引用的第三方库名称和版本号,项目名、版本号、快捷命令等。
-
package-lock.json:记录所有第三方库(包括第三方库的第三方库)的版本号、来源、hash 值等相关信息,只要这个文件一致那么可以保证每次 install 之后的第三方库代码文件都会一致。
④在文件夹路径下运行npm exec snake
,然后开始玩一下贪吃蛇游戏吧
这篇关于nodejs和npm的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础
- 2024-12-25Vue3入门指南:快速搭建你的第一个Vue3项目
- 2024-12-25JS基础知识入门教程
- 2024-12-25React基础知识详解:从入门到初级应用
- 2024-12-25Vue3基础知识详解与实战指南
- 2024-12-25Vue3学习:从入门到初步掌握
- 2024-12-25Vue3入门:新手必读的简单教程
- 2024-12-23【JS逆向百例】爱疯官网登录逆向分析
- 2024-12-21Vue3教程:新手入门到实践应用