00:00
好,那下面我们就要去真正去做项目开发了,那做项目开发的一步一步来啊,这个步骤其实挺多的啊,特别多。啊,再多的一步步来,那首先呢,第一步是干嘛呢?我们现在手里什么都没有,对不对,首先是不要把项目给它创建出来啊,创建项目我们这里面用什么,是不是脚手架呀?啊,这个脚手架是官方提供的啊,是绝对有保障的,这个不用担心,那它有一个基本的一些命令需要去操作,这里面呢,我就不给大家去一个一个的去演示了。嗯。嗯,在这里面呢,我们code里面啊,就有一个这个,这个呢,就是我提前用脚手架创建了一个项目啊,任何其他的事情都没做啊,主要是他把那个依赖的包都下载好了。这个其实挺关键,因为网速慢的原因,所以我就不在一个下载,那我就把这一个呢,放在我当前的这个react里面,这个你来。
01:08
这个没弄啊,放到这里来。啊,它的拷贝需要一定的时间啊,你就等他的拷贝啊,我们往下看啊,接着呢,我们需要去知道两个概念,一个叫编码测试,一个打包发布我的项目。编码测试以中开发过程中怎么用它的呢?首先我们是不是把它启动起来,M PM start启动起来,启动起来它以后是不是会启动浏览器去访问吧访问大家注意啊,这里面一定3000嘛。不一定,但他很聪明,如果3000被占用了,他会告诉你要不要启动3001对吧,那如果3001被占用呢,那就3002啊,这都是脚手架做好的配置,如果没有脚手架,那你写起来是很费劲的。
02:00
后面啊,它其实这个环境实现了一个啊,实现了一个效果叫什么呢?还记得吧,就实时的自动编译打包刷新页面,这样的话,我是直接就可以看到我修改的代码的是吗?最新效果对吗?这个应该要知道啊。那有了它以后呢,这是我们开发的过程中,基本上绝大部分的时候我们都在做这个。但是下面这个我们也是要做的,只是做的频率稍微低一些啊,可能一周做一次,或者说甚至两周做一次啊,或者一两天做一次,那也有可能对吧,这是在干嘛呢。啊,这是首先第一个命令干嘛。对你的项目进行本地的打包,也生成本地的打包文件。这个能不能懂啊,下一步啊,我们打包以后,它运行起来没有。
03:05
上一次我们n PM start,他是不是会编译打包边运行呢?通通事情都做了。但这一个呢,他并没有运行我的打包项目,能不能,那也就是说我需要另外去通过命令是不是来运行我的项目。那首先我这个地方是去下载一个什么呢?静态服务器。这个静态服务器下载它就会产生一个命令。通过这个命令可以去运行我指定文件夹这个项目,大家想我真正运行的是我写的这个项目,是不是不是是打包生成的那个文件夹。也就是项目文件夹,懂不懂打包的那个项目文件夹啊。最后啊,就可以去什么了访问了。
04:00
这个过程清楚吧。啊,这个过程需要大家去清楚啊,需要大家清楚好。那后面呢,怎么办呢,我们等他拷贝完,那我们就可以去啊,把这一个过程给他演示一遍,现在是不是我好。来啊,在去准备去运行之前,先改一下这个得改改是吧,把它改改好来接着来看一下那里面的名字啊,就这一个派里面的这个名字好不好,这个不好。能不能看到,嗯,其他的都没有什么啊,现在我们的这个react用的最新的版本16.3啊好来,那下面呢,我就去用外把它打开啊,打开之后在里面去操作啊,因为反正要打开的。
05:05
好打开了是吧,那打开之后呢,下面我们有两种方式操作吧,一种呢,实际上叫开发环境运行,懂不懂叫NPM,什么start,为什么能够n PM start主要要去看等里面这个命令是start。啊,不要把它记死了啊,现在其实是完整写法,应该写什么n PM run start,只是可以省略啊好,现在呢,它启动的就是3000啊,啊,应该是没有什么太大问题了,但是这么做它有生成本地的打包文件吗?没有啊,记住了它没有,现在是不是成功了,没有任何问题啊,当我这种方式运行有好处,好处什么?
06:01
我改了其中的某一个代码,比如说啊,这不有APP吗?是吧,假设我这个地方啊,去随便加一个,这里面加一些文字是吧。它是不是会进行重新编译打包啊,啊去看一下页面是不是看到最新的效果,说明它已经实现了,是不是刷新界面的功能啊,自动刷新了就看到最新效果挺好是吧?好来下面还一种情况干嘛去先进行生产环境打包打包,这个打包生产安全吗?那此时会生成本地的打包文件,而那个打包文件是在哪个文件夹下面呢?就是在文件夹啊。在这一个build文件夹,你后面是build嘛,看一下是不是就知道啊哎。
07:05
有了是吧,来。这就是整个打包生成的相关的一些东西。听懂吧,好,那下面我们要干嘛呢,其实他有告诉你。看到不三杠S的这个杠S给去掉干嘛去是不运行我这个项目啊,但是前提啊,你要先下载谁S不是S啊是S对吧,没有R那来做一下。怎么写service build,但是每次都写我我就想写NPM命令,是不是有可能有,所以说我可以在这里面干嘛,添加一个呗,可以吧,可以,比如说这个是启动我客户端应用,我就写client吧,也写S系啊,没关系,接着吧,Sorry。
08:09
Build呗,能不能看懂,那我就不执行这个,我执行什么命令去n bm run。那现在呢,就会去发布我们的这个项目啊,那下面我去访问是不是告诉我了几个地址啊,那我是不是访问多5000,这一个是我本地访问,这一个是网络访问,这什么意思,这个谁能访问你们。懂不懂,你们能通过这个方法吗?不能,因为只能我法官路或者是本身自己是吧,来试一下,看一下走一下可不可以。可以吧,可以,那就没有问题,嗯,这样我们就能够去对我们的项目进行编码测试的一个运行,以及打包发布的一个运行啊,没有什么太大问题啊行。
我来说两句