day06/下午/123-尚硅谷-尚融宝-使用npm初始化项目

好，PAD05这部分的内容呢，我们又回到前端，前端这一块呢，主要就是嗯，我们因为后台的接口也搭建好了，然后前端的基本知识也学习完了，那现在呢，我们都需要把我们前端所学的所有的知识呢都整合起来，然后呢来为我们搭建一个前端的项目，然后呢，利用我们的前端的项目和我们的后端接口，嗯，做一个联调，那么完整的让我们的这个全站项目展示出来，好，那么第一件事情呢，我们就要搭建前端项目，那搭建前端项目呢，我们要用的是一个更高级的方式，而不是之前建一个HTML，然后下载几个javascript上，然后往里面加加这个JS脚本，是不是啊，我们用一个更高级的方式呢，就是用一个NPM的一个包管理器，那么在我们的项目当中呢，有可能要依赖很多这个脚本文件，就像在我们的Java项目当中，你要依赖很多炸包，然后炸包和JA包之间还有关联关系，依赖。

关系，你要想把所有的这些JA包都下载下来，而且版本还得正确，那么是一个十分不容易的事情，所以呢，我们Java当中呢，就引入了MY啊这样的一个包管理工具，那么在我们的前端项目当中也是一样的，我们一个项目当中呢，有可能会依赖很多的脚本，然后脚本和脚本之间呢，可能也会有一些非常错综复杂的关联关系，那如果我们自己啊，凭着自己的这样的一个能力去下载的话呢，第一有可能下载的版本混乱，第二可能你引入的顺序也会混乱，因为javascript的脚本大家都知道，引入的顺序呢也很重要，对吧，先后顺序啊，决定于我们这个东西到底能不能成功，项目到底能不能成功搭建，所以呢，通过传统的手段肯定是不行的，那我们呢，也要在前端的引入一个类似于ma的这样的一个包管理器啊，那么前端的包管理器呢，比较流行的呢有几个，那这里面我们学习的呢，是NPM，叫做node package。

配置叫node下面的包管理器，也就是说这个NPM呢，是基于node的啊，那只要我们有node环境就有这个NPM包管理器，那它呢，呃是随着我们node的安装而安装上的，所以现在呢，我们实际上环境上已经有了NPM了，我们只要检查一下就行了，NPM-V检查一下。啊，如果这边呢，打印出了这样的一个版本号的话，就说明我们的这个包管理器呢，已经可以运行了，那么接下来呢，我们来看一看如何使用这个包管理器来管理项目，那首先呢，我们还是打开我们的前端的工具。VS扣的。好了，在前端这个工具里面呢，啊，我们再继续啊，学我们的最后一个知识点，那我们最后一个知识点呢，接着零七来写就是零八。NPM，好，嗯，我也加个吧。

嗯，好，然后接下来呢，我们打开这个终端，在集成终端打开，并且呢，进入到08N PM pro这个目录下，那么进入到这个目录下之后呢，我们要做的第一件事情呢，就是先创建一个NTM项目，就像我们写Java程序似的，如果你想让你这个程序呢，作为一个man啊，这个使用mava管理工具来管理，那你就得先创建一个pro project对吧？创建一个什么项目呀，你至少要是一个ma项目，或者是基于ma项目的，比如说spring，那是license项目，对吧？这些都是项目，所以呢，你这样才能受迈文管理，那同样我们的前端代码也是一样的啊，你要受迈管理的话，它必须啊，你要受NPM管理的话，它必须是一个NPM项目，那怎么样让它是一个NPM项目呢？就NPM。Npm iitt，好，回车初始化NPM，在当前目录下，我要创建一个NPM项目，或者是说我就要把当前的这个目录作为一个NPM项目，那你就进入到这个当前目录啊，写npmit，而这块呢，他说你这个package的name其实就是你这个啊，相当于你这个项目的名字叫什么哈，那它默认情况下呢，就是这个名字，你要想叫默认的名字，直接回车就行了，你要不想叫默认的名字，比如说不想叫08NPMP，就想叫NPMP，对吧，那你就写上你的这个自定义的名字，然后回车，这面版本也是一样，它默认的版本呢，是1.0.0。

啊，那你要是默认的话，你就回车，你要不想默认的话，你就如说1.2.0，这是默认的版本，这是描述，描述呢，你就随便写一段描述，你要是不想写的话，你就回车，这里面我就不写了啊，这个是啊入口文件就相当于我们Java当中的主，类似的主程序啊，啊那个带有main方法的那个程序似的，那在javascript当中也有类似这样的入口文件，那默认情况下是index，那你如果说我想改成men.js，那你就改，你要不改的话呢，那就默认，比如说这个地方我也保持默认回车，然后这个呢是脚本啊，回头我们在运行这个程序的时候呢，会有一些脚本，比如说ma项目，你要打包啊运行啊，它会有什么Mar install啊，对吧？啊marn这个package呀，这样的一些命令，然后呢，在这个前端呢，我们也有一些相应的命令来运行它，那如果你这个啊，它是先让你写一个测试命令哈，你说我先暂时没有，后面我再配，那我们就直接回车就行了，然后呢，如果前端。

And，这个项目呢，你想把它放到版本管理工具当中去管理的话呢，那在这个位置呢，你可以写一个啊，就是get的repositor get的这样的一个地址啊，当然了，如果不在这写的话呢，后面我们也有一些其他的方法，把它放在版本管理工具当中去管理，所以这块呢，我们就先暂时不写了，然后回车，然后这块呢，是你的项目的keywords，其实就是你的项目的关键字，什么比如说金融对吧，比如说借贷，比如说spring BOO啊，Java，这都是咱们的项目的关键字啊，然后呢，你可以写上，那你要不写的话呢，不写也行，Author你要是想写作者的话呢，写上，你要不写的话呢，不写也行，对不对，那都都可以不写啊，比如说我写一个啊，然后这个是license啊，就是你要取得的这个license是什么啊，一般情况下，一般免费的项目呀，开源的项目呀，都有一定的license的啊，我们就默认用他的这个RC。

呃，开源的项目，然后接下来呢，我们在这个地方啊，呃，就可以得到一个它的一个列表，那这个列表呢，就是。它会有这样的一个啊提示信息，这提示信息呢，就是啊，嗯，就是你刚才咱们选择的内容，比如说项目的名字叫什么，比如说版本号叫什么，描述我没写啊，然后入口文件我用了默认的scripts，我没写没写它给我一个默认的，然后加来author，我刚才写了一下lesson用了它默认的是不是这样的话，他问你行不行，那你就行行回车yes，回车就可以了，这样的话呢，他就在这个位置给我们创建了一个package点这次文件啊，那这个package点这次文件呢，实际上就是啊，根据我们刚才的这个选项，然后它创建出来的啊，这个是第一种方式啊，那第一种方式是什么呢？我们再来简单的回顾一下，就是通过NPMIT，然后回车，根据它的提示呢，设置每一个值就可以了，那另外呢，还有一种方式，我们把拍age删掉，其实刚才整个的过程，它就是给咱们创建了一个PA，点这文键把它删掉啊删掉之后呢，咱们在这个地方右键再在集成终端打开。

然后呢，我们还可以用另外一个命令叫ntminit，加上一个参数杠Y，就类似于咱们的Linux当中去安装一些东西似的，如果你加了杠Y的话，那么后面所有的询问呢，都是默认yes，这个也是一样的，加上杠Y，刚才所有的询问呢，都默认yes，都默认使用默认值啊好，那直接呢，这个判点这就创建出来了，就没有那么啰嗦的步骤了，那当然了，你也可以在这改，你说我在这改一下对不对，1.2.0，这样我觉得更方便一些啊。

所以说呢，大家就记住那个n itt-Y啊，就那个n n it-Y这个命令就可以了，这样的话呢，啊，我们创建这个文件的这个速度呢，会更快，所以这个呢，就是NPM怎么样去初始化项目这样的一个过程。