4.尚硅谷全套JAVA教程—实战项目（71.89GB）/尚硅谷-云尚办公系统/视频/21-尚硅谷-云尚办公系统-前端基础知识-Node.js入门和NPM.mp4原创

各位同学大家好，下面呢，我们继续来学习简单中的基础知识，下面我们来看这个内容，Note notes是什么呢？你可以理解为它类似于Java中的JDK，它是Java所有的运行环境，也就是说我们在普通方式用GS的时候，咱们需要写个页面，然后在页面中呢引入JS文件进行使用，而通过note JS，它能够直接运行你的JS文件，这个是note JS，它可以作为Java的运行环境进行使用，因为它底层就是谷歌的V8引擎。其实note s里边呢，有很多的知识，咱们项目中只是用它最我们的运行环境使用，比如咱们讲的只能是一个入门级别，为了满足项目使用，那nots怎么去用，给各位做个说明，首先第一步你需要进行安装，这个安装呢，你可以到它的官网上找他的最新版本，我这里边给大家也提供了这个版本，咱们来看一下啊，就是我的资料中给大家后面会共享有这么一个版本。

第一个是幺零版本，第二个是幺四版本，或者说你找它的最新版本，然后把这个拿回来之后，你双击打开，进行下一步，下一步的安装，我这里边已经装过了，装的过程没有什么特别注意的地方，就记住一点，不要装到有中文和有空格的目录就可以了，我这个已经装过了，然后装完之后怎么来看是否成功，你打开CMD窗口，然后在里边输入命令noe-V，如果说能看到版本号就成功了，因为我这是之前装的，我装这个版本，你装它也是可以的，这就是note安装，我现在拧装成功了，然后装完之后咱们来试一下它的效果，怎么来试呢？大家来看啊，比如看我课件中写到，比如咱们一会儿点JS文件，然后通过node能直接运用JS文件，就是node加上JS文件就能运行，这是它的特点。

那我们来看一下啊，首先我这么来做这些我先关掉，然后我在里边呢，比如说我们先建个文件夹。咱们就叫no。Test在里边我创建一个JS文件啊，这是JS文件啊，我叫零一.js在里边我加上一个容conso.log做个输出，Hello no，这一次。大家看是不是这个内容，然后这个用的话，如果说咱用普通方式，你需要写个H文件，然后在里边引入这个文件，但是现在不需要用no能直接运行，怎么运行演示一下啊，通过code其实可以直接操作，你在这个目录下右键注意这个目录下啊，点右键看这个。在集成终端中打开，咱们打开之后大家看这个界面啊，这是什么。

是不是就是我们刚才看到的CMD窗口啊，这个窗口也能运行，它不方便，咱通过这个工具直接操作可以了，就这个东西，然后在里边怎么做，通过node加上JS文件零一.js回车。大家看是不是有内容输出证明这个文件就运行了，这就是not，一个简单入门，我们项目中用nots作为咱们的运行环境使用啊，大家有个了解就可以了，这是关于OS。然后这个之后我们继续往下来看啊，下面一个内容叫NPM，这是什么呢？我们项目中有用到，给大家做个解释。NM，它的全称node package是node管理工具，也就是这么来理解啊，咱们在Java中我们是不是用过ma，大家想一下这个ma是干什么的？它能做什么？

有同学可能想到maven嘛，能下载依赖，管理依赖，这是一个作用。另外maven还有第二个作用，能进行项目的构建，比如说你通过maven建一个标准的这个项目，然后在里边能管理依赖，它里边有这个作用。而NPM跟ma的作用类似，它相当于是一个前端慰问，通过它两大作用。第一个作用，你能创建一个标准的计算项目，也就说咱们建ma的时候，大家发现啊，项目是一个固定结构啊，这目录都是固定的前端，并不是单文件。里边又一个标准的目录结构，然后之后通过NPM也能管理前端依赖，咱们后是包是插件，前端也有它的插件，包括相关的JS文件，比如说你用这个啊，你用这用NPM就能联网下载这个依赖，这个叫NPM，相当于前端的慰问。

然后这个该怎么去用，往下来看啊，这里写到你在装noe的时候，它默认给你就已经完成了这个N装，那大来看一下啊，在里边我们输一个命令。NPM-V大家看啊，如果说能看到版本号证明就成功了，你装no之后，它会默认给你装上NM，这各位清楚，然后之后往下来看啊，在NPM中有这么两大命令，第一个叫nit，就是初始化，然后第二个叫因此下载依赖。包括这过程中，现在依赖咱就可以配置一下它的镜像，类似于微问中配置阿里云的一个镜像，跟它类似啊，那下面咱做个演示啊，给大家试一下这个效果。我来操作一下啊，全都关掉，在这里边我建个文件夹就叫NPM。太次岛。然后创建之后在里边呢，我们怎么来做呢？大家注意啊，我现在把这个创建之后，这是不是就是一个普通的文件夹呀，没有什么特别的，但是咱们在开发中需要把它建一个标准的前端项目，那这项目有一个固定结构，咱怎么来做，通过这个命令实现nminit，然后在里边加个杠，用它这些默认值，那咱们直接试一下啊，注意怎么右键。

集成终端打开用npminit加上杠Y就都用默认的。然后咱们把它推车。大家看效果啊，注意啊，这个不是报错啊，他告诉你给你创建了一个文件，叫点文件中有相关内容，大家看一下啊，是隔离文件，这个文件强调啊，就类似于咱们。Java中问中的碰点叉L跟它作用很类似，很类似，然后咱看里边啊，比如有这个名称啊，版本号，描述入口等等这个内容，这就是前端的标准项目，用npmit可以实现。

是咱们说的第一个命令啊，这大家清楚，然后咱们再看第二个啊，通过这个NM能够下载依赖，那怎么做呢？强调啊，跟ma一样，Ma下载默认连的也是国外的网NPM同样因为国外网呢，各位都清楚啊，咱们国内要连国外网，它有很多的限制，可能造成会特别特别的慢，所以咱们可以配置一个镜像，这镜像是淘宝的，就是阿里的镜像啊，跟ma一样，所以咱们做个配置啊。这一段我就复制了啊。把这个拿过来。然后大家来看啊，在里边一个就是淘宝，就是阿里的镜像。然后我成功。

大家看是不是这个淘宝这就可以了啊，然后现在我们开始做这个下载，我先关掉啊，我咱看的更明确，我重新打开一下，在里边我们做个下载，那怎么下载演示一下啊，各位记住第二个命令n PM in。加上你的依赖名称，比如下一个j query。然后咱们回车，现在它就会连往下依赖绝育你的网速啊，因为这个比较小，所以它就成功了，成功之后大家看啊，在这位置，首先咱先看第一个地方啊package Jason里边呢，它多了一个东西。看到这里了吗？这如果你知道ma应该能看懂啊，Dependence是不是你的这query这个依赖，然后看这个no model里边多了一个东西，是不是这块JS文件，所以现在就完成下载，另外里边一个叫log是不是锁的意思，就是锁定当前的版本。

这是什么意思呢？咱马上演示啊，你先知道啊，就是锁定当天版本，所以现在咱们完成了依赖下载，各位记住这个命令啊，N PM in store加J，而这块下载的时候，你可以指定它的版本，如果说你不指定，那它默认下的就是你的最新的版本啊，你看目前最新3.6.3，后面可能还会更新，你这里边可以指定，不指定就是最新的。这个叫NPM啊，咱就完成了，完成之后我们再看最后一个啊。最后一个说什么呢？大家注意啊，咱先说完我们的后端，比如说我现在啊，给各位发我这个项目，其实我只需要把我的配置文件发给各位同学，你根据我的配置文件把ma文的这些依直接下载是不可以了，比如我不需要把我的仓库给你们，你们根据它是不是能下载前端一样，比如现在这么来做，我把这个model给删掉。

你看现在什么特点。是不是只有配置文件，所以我现在呢，跟ma一样，我可以根据配置文件下依赖，这是可以的，只要里边得配置它就能下载，那咱看怎么做啊，用n PM in刀就可以了，直接回车。后面什么都不加，他就可以根据配置文件你看依赖。是不是就可以了，所以以上是咱们演示的NPM中的相关的命理，咱们就到这里啊，最后重复一遍啊。咱们项目中主要用它这个运行环境NM，各位记住三个命令，第一个it做项目的初始化，第二个因到加依赖名称联网下依赖，第三个就写个n PM in到可以根据配置文件加依赖，包括依赖中你可以指定你的版本。这是关于NPM一个说明啊，大家把这个清楚啊，因为咱们项目中涉及到的相关内容。