粉丝24获赞46
好,我们来看一下第一部分啊,第一部分的话就是这个环境的安装,呃,环,然后再安装项目。 ok, 首先环境的安装还有这个下载啊,这一块的话我们就不需要去讲了,因为这个环境的话是很简单的,就只需要去啊,我们打开这个链接啊,找到一下我们的官网, 然后这边我们要下载这个 note 啊, note 这个软件啊,然后这个 d 的工具可能也是需要下载的啊,然后如果说你要用我们自带的后端,你就可以下载一下这个数据库的工具啊,如果说你只需要关注前端,你就只需要下载这个 note, ok, 然后就是工具啊,我们来看一下这个可刷工具, 这个大家 再点击立即下载这里我们就可以下载我们的这个龟 plus 软件进行可生化开花。 ok, 好,呃,怎么检测你的环境是否下载啊?你可以在这里坑啊,这个啊, windows window 加 r, window 加 r, 然后输入 输入这个 note, 或者是输入 a, c, m, d 啊,然后再输入输入 note 岗位啊, ok, 好,我们试一下温度下二,然后输入 c, m, d, 然后输入 note 杠 v, okay 哈,如果说能能出来这个版本号,就说明你的这个 note 环境就已经安装好了, 很重要, 这是查看是否安装成功,查看是否安装成功, 这就是这么几个步骤啊,这是 note 这一块啊。
啊,今天我们来讲一讲那个如何来安装一下 note。 首先我们打开浏览器之后在这边搜索 note, 搜索 note 的以后的话,点击这个位置, 点击这个位置以后他这个长期吧,我们下载一下就可以了,当然我在这边其实已经下载好了,那我直接选择双击进行安装其实即可,之后呢我们接受 之后直接下一步就可以,这边也不需要改。这边呢,就是我建议是不要点啊,因为点开以后他会自动运行一些处理, 之后的话会可能会出现一些问题啊,就是反正他会下载很 很多可能你用不到的。之后完成以后的话,我们就是可以在这边尝试一下,比如说 c m d 之后的话 n p m i t a m 呀,我们可以尝试安装一下,因为这是常用的一些包啊。 啊,大家好,就是安装了 note, 但是 note 还是有一些问题的,就是如果说我们用这个是我从 get 上拖下来一个项目,然后我们用 vs code 打开它,这个上面其实就是它这边有一些命, 比如说我们在安装以后,我们用压命令的话,他在这个他是没有办法加载的,那这个其实就是如,但是如果说我们在这边使用这个的话,其实 它是可以的啊,它是可以的这一点的话,就是我们需要在这个位置 啊,我们在这个终端管理员上点开,我们结束这个行程 之后的话,我们可以在刚才点打开了一个,就是在这个命令上面我们下点功夫 啊,现在应该是可以了,当然如果不可以的话,我们可以重启一下, 我们可以直接让一下啊,是不是已经可以了?位置上面的话我们再新建一个, 首先的话我们压 r u n 呃 s e r v e 啊?运行一下 i 啊,这那来我们看一看他这个,支持他这个报错是零散。那在这这里的话我们就需要给他添上一个这个, 之后的话加上两个 add 之后保存一下, 之后我们等到它构建完成 空间完成以后他这边报错,但是已经不是刚才的错误了啊 啊?我们实在不行就给他都那个了,哈哈,实在不行的话我们就重新构建一下,但是基本上就解决了这个错误 啊,反正解决了就好。就是主要就是这两个错误,一个是这个原因是因为他的那个新的加密算法不一样了啊,所以说的话就要么降级,要么就添加这个啊。
好嘞,各位,那么继续来讲一下 note g s 第六张 n p x, 那 n p x 呢?它跟 n p m 是一样的,都是基于这个命令行的一个工具,同时也是在 no 的 g s 高版本之中呢,去自带的一个命令。对,如果你用的是非常非常低的版本,那你需要手动安装一下 n p x, 那你需要执行 n p m install n p x 杠 g 就可以了啊,那 n p x 它的作用呢?主要是可以在命令杭州呢,运行我们这个 note 包里边的一些可知性文件, note 的 modis 下面点并的可知性文件。在我们没有学 n p x 的时候呢,我们之前是使用这个 script, 然后在里面去配置,通过 n p m run 去给它运行。哎,我们学了 n p x 之后呢,可以直接使用 n p x 去运行,并且呢是不需 要安装这个依赖包的。对,我们本地运行呢,是不是还要去安装下这个依赖。使用 n p x 运行呢,是不需要安装这个依赖包的,所以说这个就是它的一个优势,就是避免全局安装它的依赖包,并且呢,每次使用的都是最新的版本, 并且它还可以执行任意的一个 npm 包。哦,那最后一个命令,大家只需要了解一下即可,这个用的并不多啊, 就是我们这个 n p x 呢,它也可以执行 get up 下面的一些可执性文件。对,但是前提是你的 get up 呢,要公开我们这个 javasque 文件,所以说这个功能呢,它是支持的,但是可能用的是比较少,比如说大家了解一下即可。好,那接下来是一道面试题啊, 就是 n p m 和 n p x 一个区别,那 n p x 呢?它主要是侧重于命令,比如说执行这个并下面脚本, 或者是运行一些全局的命令,这个是用的比较多的。而 n p x 呢,它主要是包管理工具,控制我们这个模块的什么蒸山改查,对,用的比较多一点,所以说这也是他们一个主要的一个区别。好,那接下来的话就给大家去演示一下 我们刚才说的这个如何避免全局安装和总是使用这个最新版本。哎,这两条是什么意思啊?哦,然后我把演示的网址呢,已经给他贴到这个博客里边了,大家来找一下就可以了啊。然后我们使用这个 react 的一个脚手架呢,去给大家展示一下。 好,那在之前的话,我们没有 npx, 那么是不是需要执行下这个命令,去给他把这个脚手架呢去装到我们这个全局?好,我们可以先看一下啊。好,这的话要给大家再介绍一个命令,这个命令也一定要记住啊,比如说我想看一下我全局安装 装了哪些可执行文件,注意啊,全局安装了哪些可执行文件?使用 n p m l s 杠 g。 对,这个命令一定要记住啊,不加杠 g 就是当前项目啊,好,回车 他就会给你列出来。好,我们稍等一下,大家看到,这是我电脑上装的一些全局的一些可执行文件,就是可以直接去给他调用的, 就是我们在之前的片当中展示过这个 t s 杠豆的,因为我把它装到了这个全局,但是我这个全局呢,并没有安装我们这个 rec 脚手架,所以说我们需要给它先安装一下哦,然后我之前这个命令啊, a p p。 好,我们稍等一下啊。好,安装完成之后呢,我们再来看一下 n p m l s 杠 g, 哎,我们会发现这多了一个 craich recta app, 多了一个这个命令,然后这个命令呢,就可以直接去给他执行了。对,比如说后面呢,可以跟一个这个项目的名称啊,比如说叉叉叉,对,你就可以去运行这个命令了,我们先不跟了, 咱们先直接输出一下,哎,发现这个命令是不是也是可以执行的?对,传统的方式呢,就是这样去做的,但是这样做有什么缺点呢?首先 注意啊,第一个缺点是什么?他这个版本就锁定了五点零点一,对吧?还有那这个东西是不是装到我们这个磁盘里边,占用我们这个磁盘的一个空间,对吧?这是他两个一个弊端,而 n p x 呢,他就可以完美的去解决这个问题。好,那现在的话我把这个命令去给他卸载掉啊, 同样也是 on install 加一个杠 g 就可以了。对,杠 g 就是卸载全局的一个包。好,一定 已经卸载完了,然后通过 n p m l s 杠 g 去看一下, 发现是不是已经没有没有了,然后我们再执行这个命令,发现是不是已经是执行不了了,但是 n p x 呢,就可以去帮我们去做这件事,比如我们切到一个桌面哦,然后使用 n p x 呢去执行这个命令, 然后呢,比如说创建个项目叫什么 my app, 好,我们回车一下,哎,发现他是不是能够,哎执行起来,对不对? 我们并没有安装这个包啊,发现 npx 是可以帮我们去执行起来哦,他的查找规则是什么呢?注意,他的查找规则呢,是会去当前的项目里边看 note 猫就是下面的,并有没有这个可执行文件,如果没有就去全局找 全局,如果再找不到,他就会去这个安瓶官网上去给你把这个东西给你下下来,下下来等你用完之后呢,又给你删掉。对,这是他的一个规则啊,注意 啊,我们现在都没有,他应该是在帮我们去下这个依赖,下完依赖呢,把这个魅力执行完成,执行完成之后呢,又会把这个包给他删掉,所以说这个包呢,他就是一次性的。那这样的话就是什么 节省了我们这个磁盘空间,并且呢,他每次下载的时候呢,版本都是最新的,对他他就可以去解决这两个问题。 好,那这下载的话比较慢啊,我们就稍微等一下。好的,那这个项目呢,究竟是构建成功了,然后我们去切到这个 my app 里边,好,然后去运行下这个项目,看能不能运行起来啊。好,回车我们来看桌面上啊,对, 桌面上是不是已经有了这个 map 哦,然后其实也是可以运行起来。好,稍等一下。哎,网页呢也是打开了,对,基本上是没有什么问题的,那这样的话就可以避免我们这个 全局的安装,而且每次安装的是一个最新的版本。对,这就是一个 n p x 的一个妙用,很多的 c l i 呢,都是推荐他们去使用的,比如说 max, g s, 还有这个 rex 以及什么 wait price 等等,都是怎么去推荐这个使用的。好,那这个的话就是它的第一个使用场景,然后我们再演示它的第二个使用场景,好,我们先把它关掉啊, 好,这些都关掉。那第二个使用场景,我们说过它可以运行我们这个呃, note modules 点并的一个可执行文件哦,比如说我们现在执行下 wechat 哦,现在是执行不了。然后呢,我们再去看一下全局我有没有 装过位车,还是通过 m p m l s 杠 g 哦,我们可以看到发现我全局是不是也没有装过这个位车哦,然后我们可以在本地检索一下,就是通过 m p m l s 就不加杠 g 了,就是检索本地的那种模式,发现是不是也是空的 哦,什么都没有。但是呢,我就想运行这个 vit 的命令,是不是也是可以的?对,你可以直接使用 npxvit, 咱们说过他从本地检索不到呢,他就去全局找全局找不到就干嘛去给你安装啊?如果他能找到的话,他就会在本地呢去给你做一个执行,所以说我们可以安装一下 n p m i h 杠 d。 好,然后我们直接执行 white 也是执行不了的,因为什么?因为我们这个稳定的目录没有在 环境变量里边配置啊。所以说这时候我们可以通过 n p x 位车哦,然后他就他呢就会去找这个 note 猫,就是点并下面的位车帮我们去运行起来,所以他是可以帮我们去执行这个命令的。哎,发现是不是也是启动起来的,而且是非常快的,因为他能找到 它,能找到就不需要,咱就下载了嘛,对吧?所以说它是可以运行我们这个命令的,那以上的就是两个 n p x 使用的一个场景啊。
欧然在网上看到这个项目, 看着听不赖了, 于是决定自己也做一个。 数据是从这个网站里面剃须烂 抓包,看一下 http 头下边就是 loder 的 t 恤数据我就不多说了,看操作。
大家好,我们这节课呢来学习一下闹的 gs 的环境安装,那闹的 gs 的环境安装有很多种方法,不同的操作系统上面呢,它的安装方法也是不同的,我们本节课呢给大家演示的是在 windows 下如何安装闹的 gs。 首先呢,我们先打开浏览器,然后访问百度,在百度里面我们可以直接搜索闹的点 gs, 这里面呢会看到一个闹的 gs 的官网,点开之后啊,这个是闹的 gs 的官方网站,里面都是英文的啊, 如果英文不太好的同学呢,我们可以再回来,在百度里面继续往下翻,会看到一个闹的 gs 的中文网,点开之后,他的这个效果呢,这个 地面布局和官网是一样的,其实就是官网啊翻译过来的一个网站,那么在这个中文网里面呢,点击下载 可以看到有很多下载包,有 windows 安装包,还有麦克安装包啊,还有一些其他的这种安装包。 那么根据你的电脑的操作系统呢,去选择对应的安装包就可以了,比如说我的电脑现在是 windows 的操作系统,那我可以点击 windows 对应的安装包是三十二位或者六十四位的啊,我这个是六十四位的,所以点击六十四位点击下载, 大家可以看到这里正在下载,下载完成之后呢,然后去到下载的这个目录,对这个安装包进行双击,下一步下一步安装就可以了啊,因为我的这个电脑呢已经安装过闹的 gs 了,所以整个安装的过 过程呢,就不再给大家演示了,大家按照那个安装包的提示呢,进行下一步下一步安装就可以把这个软件给安装好了,那安装好之后呢,我们可以运行开始键加 r 啊,就是在你的键盘上啊,点击开始那个按钮,然后再按着 r 按开始建家儿,这个快捷键呢可以调出运行窗口,好点击开始建家儿之后呢打开这个运行窗口,在运行窗口里面输入四 md, 然后按回车, 然后呢就可以弹出这样一个命令提示服的一个输入框,这个叫控制台,我们在这个控制台里面呢输入一个命令叫闹的空格杠 v, 这个命令呢是查看闹的的一个版本号的,如果你的闹的安装成功之后呢, 输入这个闹的杠 v 就可以显示出来闹的版本号,那我们输入闹的杠 v 之后按灰车 可以看到我当前安装的版本呢是十二点三点一啊,如果你的版本和我这个版本不太一样呢,也没关系,因为我这个是之前安装的版本,可能现在你安装的一个版本呢,应该比我这个版本要高一些,其实呢这个版本对我们后面的开发呢应该影响不大, 大家只要安装成功之后呢,就会显示出来这样一个版本号,那同时呢我们再输入另外一个命令叫 npm 杠 v, 大家可以看到另外一个版本号就是六点幺二点幺,那大家的这个版本号呢,也可能跟我的不太一样,那这个 npm 呢是跟着闹的一块安装的,你只要安装好闹的这个环境之后呢,就有 npm 这个模块,这个是用于管理我们后面的这个项目中的依赖的。那什么是 npm 呢?我们会在后面的课程中大家进行一个详细的介绍。