20_尚硅谷_Vue_打包发布项目

看一下。再说叶，其实这里面有一个有一个这个东西叫项目的打包啊与发布啊，首先呢，我们现在是不是生开环运行了，有没有生成生成打包文件吧，没有生成打包文件，那没有生成打包，我们如果生成了之后怎么做呢？N PM run build。好，那他就会在本地对我们当前的项目进行编译打包，最终会生成一个文件夹，那肯定不是build文件夹，Build本来就有了，叫什么呢？本来叫发布的意思。啊，第。啊。啊，要一会啊，我们下面要说打包生成了我们的东西以后，下面一步要做的事情就是什么发布这个事情咱做过呀，是吧，有一个静态服务器叫什么呢？Sir，首先是不是全局安装态，咱这个应该装过。

对吧，装好以后接着它有一个命令，对吧，干嘛去。Dis相当于是不是运行这个Dis的文件夹。难道吧？来看一下啊，看一下。啊，我们现在是打包生成的一个list吧，打包生成一个list，我们要做的事情就是嗯，啊下面就是先我们已经下载了，我先看测一下看有没有啊。是不是有啊，但这个不对啊。它应该会提示一个地址，我们可以去访问对吧，那也就是说这个地址呗，是吧，5000是吧？啊5000好，那也就是说我现在除了80805000可以访问了啊。这个5000我是不是还运行着，我现在那运行着，嗯，它还缓存了这个页面呢，嗯嗯，清理一下数据看看。

他怎么还在缓着是吧？啊，没关系啊，他这个确实这个工具看到啊，我再做一件事情，我再运行一遍service，再一遍也就5000，是不是已经有人了啊，看到它会跑到什么呢。嗯，看一下。对吧，5001 5001，我们来看一下5001啊。5001，诶前面还没写是吧，啊local host啊不是3000是5001周。是不是有啊啊OK，就是刚才他的这个缓存够久的，诶没了。啊，他还跑干嘛呀？

可以吧，嗯，可以啊。这是这个啊，大家需要去知道一下，那还有一种方式呢，是。真正的后台工程师会肯定会用到动态的外包服务器，比如说啊，有一个服务器，估计大家很多人都不知道，叫Tom。嗯，OK，大家有的人如果是学计算机的，应该可能会见过。啊，阿帕奇他们开的是吧？啊，有一个开源组织叫阿帕奇，阿帕奇比较出名的是直升飞机是吧。这个也不知道是吗？是阿，怕我又没说让你去买，那肯定买不起啊，正常人哪买得起那个啊，国家也不会让你买的，你放心啊。他特别有意思啊，它是个三脚猫，就三只脚啊，OK，挺有意思的啊，这个盖这个看珠其实特别有钱啊，啊，就是很多很多公司给他们做，给他们捐钱是免费的捐钱啊，到时候你你要发家致富了也可以啊。

啊，因为他们做了写了很多很多的开源项目，很多公司在用，所以自然就有公司给他们啊投钱了，大家应该也看到V5不是上面也列了一些赞助商嘛。就给他们投钱啊好。那现在呢，啊，我就。我看一下我啊，我就直接看一下啊，我有一个命令开你呢啊，大家可能不懂我在干嘛，其实我在其中一个服务器。啊，但是我的这个服务器的8080端口被被占用了，嗯，我我的服务器启动端口也是8080，所以呢，我需要去把把这个开发环境给他什么停下来，嗯。

也就现在呢，相当于我在演示一个后台工程师啊，在去启动服务器在做事啊。啊，那你说现在我的服务器启动了，它启动的端口是多少呢。啊，8080。看到了吧，这是我本地访问的，能不能看出来啊，这就是他的一个，它其实上这个服务器运行起来，它类似有一个非项目，有个项目，它实际上这就是项目的主页。那我们需要做些什么事呢？我简单跟大家演示一下，这个地方还要改一些配置啊，稍微改一下配置啊，这个配置里面呢，可以按照这个操作一下。找这个，这是生产环境的外派配置。找到它对吧，在它里面呢，去加点东西。啊，加一个public。来，凹在里面呗。

好，这一个名字写什么呢？写你到时候准备发布的那个项目的名称啊，譬如说我到时候的项目名称呢，叫啊，嗯，假设就叫view DEMO吧。嗯，没有下化验单吗？啊，也就是说什么意思呢，我们现在是不是要去发布它呀，那我看下C，看见V先给它复制出来，我要把这个名字给改的跟刚才一致，叫什么real_DEMO好，接着呢，我要把它扔到服务器里面去，那服务器它有一个文件夹的。啊，这个大家等会不用操作啊，你看我操作一遍就行，呃，我得稍微的找一找啊serve诶这个就是那个服务器的整体的总文件夹，我不是放在这里面，是放在这个里面。也就是说它那它里面就有一些项目了，看到了吧，有一项目了，来放进来。

能看到吧，那放下以后呢，它就应该是自动部署上来了，那下面我要访问它怎么访问呢？是在这个根目录下面，再去加上我当前这一个。这个。End啊，OK，但现在啊，我们应该是可能会有问题，来看一下啊，先看一下。现在的访问是有问题的。啊，OK，这些问题问题在哪了？在我刚才改了，我重新打包了吗？有没有没有。没有重新打包，那没有重新打包，那我干嘛呀。这不重新打包啊。这能动零一吧，我要重新打包，那也就是说我们现在要n PM run是吗？那如果你是本地测试是不用去改的啊，如果你本地测试的话是不用改。

那我会先把这个，先把这个给干了吧，先把这个干了，嗯。删掉啊，删掉以后呢，这不重新生成了一个吧，是吧，来看一下还没完吧，好了是吧，好了以后啊，这个地方来说一下。嗯，来把它搞过来，搞过来以后呢，我按照这个需要把它改成。改一个名字啊，没有下划线不是，千万别写错了，写错了不行。看下C，给它放在我当前这个web ape下面来啊。放进来，放进以后呢。哎。现在估计得好了吧，刚刚感进去了啊，终于感应到了，嗯，可以。也说明这个是没有什么太大问题的啊。

这个大家有个了解就行，因为这个基本上也不需要你做，比如说老师万一需要我做呢。对吧，万一说你学一学不就好了吗？其实这也没什么难度啊，这任何事都有可能啊，只是这种可能性偏小，但是呢，大家也是有可能的啊，这种事情不会成为大家最后被打包走人的一种原因啊，你放心啊。