00:00
好,那相当于我们的准备工作,刚才就我们全部过完了啊,这里面有几个重要的一个相描述。啊,再一个呢,就是技术选型,大家需要去能够去表达,再一个对API的一个理解。啊,主要是这三个啊行,那下面呢,我们真正去开启我们的项目开发,那我们现在相当于手里面是什么代码没有的,对不对,从无到有去写,那首先我们要去开,第一个要开启项目的开发的时候,我们先要说过,我们的项目怎么创建呢?是不是通过react的脚手架来创建,那首先大家要想用脚手架创建项目,先是不是得去干嘛,去全局下载这个脚趾甲的包吧,这个包下载的结果是不是多了一个命令。能听懂不?而通过这个命令是不是可以去下载我们的模板项目,也生成一个项目是不是,而那个项目是不是一上来就可以运行了,也就是说这个命令是干嘛的?
01:04
进入我的这个项目的根目录,是不是接着就可以n PM start或者央start都可以啊都可以好来我们来去啊做做一下。来在这里面呢,这是我们的那个文件夹,好在这里面我们写的所有的代码都写在一个后面,我们有可能写好几个工程,这样啊,看好了,我要在里面先建一个文件夹,叫worksplace box什么意思?工作空间啊,也就是说我写作为一个程序员工作不就写代码吗?就我写代码就写在这个里面,当我们写代码是一个工程,一个工程,一个项目一个项目写吧,啊,那在这里面我们会生成好一些工程项目,那我们现在要生成第一个工程项目,就是react应用来看一下CMB。现在我们是不是要用脚手架来去生成一个项目,是不是脚手架的命令,我们应该已经什么前面是不是下载过叫react create react什么APP。
02:10
能不能看到这是这个脚手架的命令,好,接着后面是不是要指定我们这个项目的名称啊,我们假设叫它react杠啊,Me me不是后台管理的,是管理的意思是吧?啊接着哪一个。啊,或者直接不用下,用横线也行,能听懂吧,啊用下划线也可以,这个为什么要说client,因为我们现在做的是一个什么前台应用,能听懂吧,好来。Jody。那实际上呢,现在啊,他其实上是在做一个事情。下载的操作,说白了,那个项目在在线网上是有一份的,懂不懂别人写好了一份,我们是通过命令的方式,是不是给他下载下来啊,啊,这个需要清楚啊,当然它不仅下载源代码,还下载那个源代码依赖的所有的包,所以花的时间稍微会有点长吧啊,而且跟网速是不是直接挂钩啊,甚至有可能出现什么呢?你的网速太慢,导致于最终下载出问题。
03:22
啊,如果他直接报错了还好,有的时候最怕什么,他也没报错,好像提示成功了,你运想他他的病。最怕的这种是不啊,当然正常情况下网速好的话,应该是不会出问题的。没。好,嗯,大家如果啊,大家做的时候就不要自己下载,因为咱这么多人,如果一下的话肯定是啊下载啊会装缓慢啊怎么办呢,非常简单。当然需要去做一件事情,就是把我们那个扣的,这不是,这实际上就是我们用刚才那个脚手架的命令来去。
04:03
创建了一个项目什么的,敏感啊,能听懂吧,啊,那实际上大家是不是应该就直接在这个项目里面写你的代码吧,对嗯,好,那假设呢,因为他下载一个时间,我就直接在这个上面假设已经完了,那下一步我们是不是要进入到我们的这个应用中去干嘛去。啊,是不是NPM是吧,Start,那为什么呢?N PM start我先运行起来。是不是需要看他的什么pass,点击什么能听懂吧,啊那这个地方啊,是一个什么呢?我们看一下在这里面啊,在这里面是不是有一个start命令。能听到不能啊,没有问题。好,这是这一个。那现在呢,它应该应该是在在运行啊,在运行这个需要一定的时间啊,需要在等他跑一会啊。
05:04
好,这个地方说一个事情,大家前面学基础的也可能。啊,有说过这个事,有一部分同学他可能会出现一个什么呢?呃,提示版本不兼容的一个问题。有的一部分同学应该出现过吧,那出现过的时候,嗯,其实它的那个提示里面已经告诉你什么解决办法了,其实就是在你的根目录下面创建一个什么文件。点烟的文件,大家看到点烟看到了吧,写一个什么配置了,是不是写一个这个配置。这个配置是在代码,就是忽略掉那个差异,那个版本的差异能听懂吧,嗯,一旦忽略掉以后是不是其实可其实本质上可以正常的访问听到吧,可以正常的运行起来。啊,但有部分同学只有部分同学会啊,有的同学不会这个,如果会的话,你就加上这个配置听懂吧,那如果你不会,那自然就不用加了啊,这个要注意一下啊。
06:03
别到时候项目跑不起来。好,那项目整起来以后,后面我们可以去运行,刚才实际上我们是不是已经做这个事情了,已经做这个事情了,那后面是不是可以去访问,当然一定是3000吗?不一定,不一定,你看现在。就出现一个状况。他说什么?说3000端口已经被占用了,问你要不要用另外一个端口号运行。我觉得这个问问的有点傻,你就直接跑个3001就拉倒,是不是能听到不让他来确认一下啊。啊,其实啊,有的时候就是啊,我不是真的觉得他傻,而是说的就是你这么想一下,你可能还记住他了,知道了这个事情,你你都没想过这个事,那可能脑子里面就没什么印象。嗯。就好像说你其实脑子里面记住的是什么人啊,一定是你喜欢的人嘛,也不一定,可能也是你痛恨的人是吧?啊,你跟人吵过架,那说不定你还能记住他很长时间是吧?啊,当然尽量不要以这种形式来来去记住其他人啊。
07:13
那后面还有一种情况啊,还有一种情况就是我们可以进行生产环境打包运行吧,能听到吧,这个要注意啊,我们进行开环境运行,就是n PM start的运行方式,它有一些特点,它能自动编译打包并刷新。这我们前面是不是体验过的,你说我运行起来以后啊,我修改代码,它是会自动重新打包,并且我能在浏览器页面不用刷新吧,不用我亲自刷新,其实他已经刷新了是不是啊。这是它的一个默认效果,能看到吗?啊能看到没有问题啊,没有问题,那我们能不能进行生产环境打包运行呢?也是可以的,这个也要去做一下,也得做一下,怎么做呢。
08:00
来这是我们的项目对吧,那我们是不是要在命令行里面输入一个命令,什么命令呢?是不是有要需要有一个打包的命令,那打包的命令是多少,我怎么知道呢?还是一样是吗。是不是去看了?来看好了啊,我们这里面有一个start是不是,那这里面有个什么build,而这个build干嘛去了,进行生产环境打包去了。能听懂吧?那现在我们就来去测试一把好吗?MP吗,是吧?那现在呢,他就会去进行生产环境打包,就生成本地的打包文件,那这个也要点时间,因为他要编译,要压缩,要处理啊,还是需要一定的时间的啊,就让他跑一会好,那我要问大家一个事情,我打完包以后项目跑起来了吗?
09:00
嗯。默认好起来吗?没有,它只是生成本地的什么打包文件来看生成在哪个目录下面了,这里面生成到什么标的目录下面了,听懂不?这就是我们啊,是不是当前项目打包生成的文件。也就是说最终放到服务器里面运行的是不是应该这个文件夹的所有东西,那现在我们要去运行啊,怎么运行不是千万不要直接去打开啊,直接直接去打开这个页面去看,不是这么做的啊,我们在本地测试运行需要用到一个。静态服务器的包叫设前面用过没有没有没有,嗯,那没用过是吧,那首先第一步大家需要去把它什么,是不是进行全局下载,全局下载就多了这个mini,呃,这个mini就是启动服务器去运行的,听懂了不?嗯,那当然啊,我应该是已经什么。
10:00
记住啊,一定要在下面那个目录下面,大家看一下,我先看一下我的这个命令识不识别。看样子是识别的。能懂不要不识别的话,它是不是应该会有个提示啊。啊,它实际上是识别的什么意思啊,不用不用不是这个名啊,我们首先按道理来说,大家应该是先进行什么n PM in store钢G,谁叫S啊,记住没有啊。听懂吧啊,我叫他survey啊,不是serve是对不对,好。那当然我现在不用下载,因为我已经是刚才验证下载过了啊,所以我直接啊去啊service那个杠S,其实杠杠S都没什么太大影响啊,不干也行啊,这里面直接指定哪个东西,为什么是build。因为我们现在要运行的项目文件夹是哪个,是不是这一个build的文件夹,这很直接吧,说白了这个是打包项目,是不是打包以后生成的项目。
11:06
能听懂不好,那这个时候我们干嘛去啊,就是build来运行一下,这个时间不会很长啊,我们来看一下走你。啊,会跑起来,那他说其实他默认是不5000了啊,他说5000倍呢,那我就启动什么,他是不是启中了5001,那现在我们是不是就访问5001,来看一下我的这个效果,应该跟这个一样吧,来试一下我们的这个5001能不能访问。5001。可不可以,是不是一样的,效果一样的,那就说明我们进行开环境运行和生产环境打包运行都OK是吧,都OK,这没问题吧,没问题,大家现在啊,前面的基本上嗯,可以不用做了,前面大家也做过,这是一个,再一个呢,大家现在做可能也太慢了,但没必要啊,这个东西会做就行。
12:03
嗯,再一个有的同学如果出现这个问题了,就处理一下就好了,最后就是这个命令,大家需要去下载一下全局的包,把这个过程给测试一下就行了。嗯,可以吧,嗯,行那好行啊那。
我来说两句