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,然后开始玩一下贪吃蛇游戏吧