00:00
好,那下面呢,我们就要真正的去开发项目,那开发项目的第一步需要干嘛。是不是要把项目给搭建创建出来啊,而创建出来首先呢,一波是要去下载谁是不是脚手架,这个咱前面都下载过对不对,所以不用担心,而现在我们就是要去用脚手架去干嘛,初始化下载生成一个模板项目吧啊。这里面呢,我也给大家把这些命令给它贴下来,我们可以进行一些操作啊。啊,这里我先把这个给他拷贝一下,这个看一下C啊,我们就啊为了省时点时间,因为前面我们都做过啊,如果大家不会做,我觉得大家应该会做,说如果已经多余了。来看C,把这个空调项目啊,给它拷贝到我们当前。Walk,为什么考到这里来,可以吧,嗯,好。
01:04
看下C。出现一个问题。炸了。嗯,炸的原因很简单。三点东西是吧。好来这个呢,要要简单的要点时间,要点时间我们可以继续的往下看一点。下面我们这个应用是不是有些结构啊,对吧,这些结构里面呢,前面两个build和实际上都是它的配置相关的文件。的文件夹啊,在conflict里面有一个很重要的叫什么呢?Index,在这个index里面可以改什么东西呢?端口号以及是否打开自动打开浏览器,还记得吧,是否自动打开浏览器,其实还有一个配置代理,后面我们需要的时候我们就跟大家说啊。
02:02
OK啊,这个没什么,这个是我们当前用的什么,是不是依赖啊,Not,干什么依赖吗啊,接着是我们的源码文件夹src,我们主要写JS,写东西,是不是写在这里面。好,这个。我们一个静态资源文件夹什么意思呢?如果我们有一个全局样式,比如说我们一个应用是不是有一个点CSS。就可以放在这里。No,不,No。啊,这个是我掰过的什么。配置文件啊,这个不用管它,这个没什么用啊,这个。ES link的什么?忽略配置啊,下面这个是ES的什么?配置文件啊,记住啊,它的配置,比如说我们去修改规则是否打开或者关闭对不对啊,可以做好这个是什么。
03:01
是不是gate的配置啊,G忽略的配置啊,下面这个路口啊,我们不是路口,就是我们的应该是我们的主页面是吧?我们最终不要做一个单页吗。大家是不是也有一个页面,这个页面复杂吗?不复杂,一点都不复杂,很简单,一个页面对不对,就一个div嘛,里面好PJA。当前应用的一些相关信息的配置,比如说我们的应用名称叫什么,对不对,版本号是什么,依赖是什么,以及我们运行的命令是什么,对不对,好,Read me。当前我们应用的一些介绍性的文件,我们可以在这个文件里面写什么,比如说我们后面在这里面写什么,大家觉得。写笔记呀,对吧,我每天不写一些东西吗?里面进程什么,有些什么重要东西,碰到什么问题对吧,都可以写在这里面。
04:00
能懂吧,嗯,好,那这就是整个啊,整个我们项目的一个情况,那后面呢,我们就是要去对我们的项目进行两种方式的运行。还记得吧,有两种运行的方式,一种是开环运行,一种什么生产环境运行,对不对啊,开环运行最终要运行和命令叫什么呢?N PM run d。这个时候他实际上在做什么事情,做哪些事情,你告诉我就执行这个命令,做了哪些事。首先做什么?干嘛呢?NPM,咱们现在就是n PM start嘛。做什么,你要告诉我。首先做的什么事情?不知道啊,干嘛呢,你们。那最终是什么效果?最终我的浏览器看到了我的项目运行效果,这是我最终看到结果,那先做了什么事情,他的做了什么事才能看到这个结果呀?在内存中对我们的项目进行编译打包,并且把它运行起来了,还打开了浏览器,最终我们不就看到结果了吗?
05:20
在内存中对我们的项目进行编译打包,并且将它们运行起来了,最终打开了浏览器,我们可以去看,当然要打开浏览器得改那个配置。这实际上叫开发环境运行。那下面我们要进行生产环境打包并行。那首先是进行生产环境打包,用n PM run什么build,最后我们要将它发布运行起来,这里面需要先下载一个包啊,Serve对吧,Server有R。你读那个发音serve我对吧?啊,它在里面service啊,Service下载这个工具包,而这个工具包它能去干嘛呢?去部署运行我的某一个文件夹,哪个文件夹是我需要运行的呢?啊第因为我们view的脚手架啊,生成的项目它N篇run build,不说打包项目吗?打包项目是不是会生成一些打包生成的一些资源。
06:30
那打包文件是在哪个文件夹里面?这些基本的一定要知道,你要你要不知道在公司里面可能比这个还要难一点。你要没有这些做基础,你男的你根本搞不搞不懂啊。好来,我们下面来去测试一下,看看是不是这么回事,好,虽然我们先改一下啊,稍微改一下,我们不是本来叫blank,但是我们得改把这个去掉,对吧,把这个去掉。
07:06
去掉了吧,接着还要去看一下什么呢,看一下我项目的那个名称,应用的名称是不是一个好的名字,打开它。哎,你就这个吧,可以吧,好没有问题了,那下面我们首先进行开环境运行CMD,直接运行n PM run d,或者NPM是他的,实际上我运行是它的,也是运行的什么n PM run d。N PM run bv对吧,那现在呢,他在干嘛。在内存中对我的项目进行打包编译,看它在显示一个进度。他的内存打包完了以后呢,是不是就部署起来了,而且。淡化是啊,8080,那说明看到他有打开浏览器吗?没有。
08:03
我是没改呀,好,那我就稍微改一下,为下一次运行做准备啊,只能是说为下一次运行做准备了。是不是这一个数能不懂,好没有问题,来下面啊,我们现在我去访问一下刚才号多少。8080,那就这个呗,找你。这是脚手架,创建一个项目我都没改。有没有看到?好,没有问题。那除了这种方式,我们还有生产环境打包运行是吧?那生产环境打包运行,那首先我们要运行还是一样需要去运行一个命令,一定要找到了位置啊。有的同学直接就在直接就在外面搞。在这里执行n PM run build,你能行吗?不行,你你在执行命令的时候,执行命令一定要找到一个合适的位置,正确的位置。
09:04
你说老师我到底在哪个下面去执行命令的呢?你执行命令的那个文件夹下面必须要有P。就这么简单一个事,CD好了,来NPM什么build,那n PM run build呢,这个时候它会进行啊打包,也就会生成本地的什么打包文件,对不对,会生成本这个时间要比那个。N run第一位的时间稍微要长一点点。因为它要生成文件嘛,生成本地文件,而我的它环境打包是干嘛,是不是内存里面,那现在是不是生成了一些资源啊,这个资源在哪个目录下面第那我现在干嘛去。嗯,在我当前这个文件夹下是吧,在去啊,首先肯定要是下载那个S,但S我们是不是下载过啊,如果你没有下载过,那你是不会识别这个命令的。
10:11
就是什么。是不是当我能不能把它配成N命令可以吧,也是可以的,走你。现在说端口号是多少5000,那也就是说我应该访问多少去5000改成5000。不得不要了是吧,走你。呃,这个应该是跑的是我的那个。哦,这还是react的那个,他应该是一个缓存是吧,把它把它这样啊,他跑的还是现在还是的那个看到了吗?这是我们前面做的项目是吧,我们把这个关了,把这些都关了吧。
11:06
啊,这个这个哥们来再来跑一下看看啊。他这个缓存这个工具还有不是算特别好,我们再来跑一下,看到这里我再来去启动一个。没关系啊,看着我。在这里是吧,一下啊,呃,还是那个service是吧。那你看这次多少5001。对吧,为什么是5001啊啊对啊,5000被占了,很简单,一个是对吧,正里面大家看一下啊,现在也就是说一定要知道两种环境啊,搞了半天,一个是开环境,一个什么生产环境。啊,我们平常用什么环境。开发环境,生态环境,其实你用的次数并不多,可能你一周用一次,甚至说两周才用一次,都有可能就一直在写嘛,对吧,你写的差不多了才给他用一次。
12:11
能懂我意思不啊行,这样的话呢,我们就给大家去说了一下,怎么样去创建项目啊,但是呢,我这一次为了省时间,因为这个咱前面练过啊,咱们用脚手架去下载一个项目,这个是比较简单的,大家如果不会可以按照命令去写。啊,下一个呢,就是怎么样把项目给它运行起来。好行,那这个呢,就先到这。
我来说两句