ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

nodejs和npm

2022-06-28 22:01:00  阅读:159  来源: 互联网

标签:npm Node node nodejs 管理工具 js 第三方


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

标签:npm,Node,node,nodejs,管理工具,js,第三方
来源: https://www.cnblogs.com/ynysj/p/16421290.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有