vite 配置electron
哈喽，大家好，最近我在开发 electro 桌面客户端呢，然后在开始启动项目时候碰到问题啊，一开始我去搜索这个 electro vit， 然后找到两个结果，一个是 electro 杠 vit 点挖机的这个域名，另外一个是 给他我点 io 这个域名呢，一开始我用的是就是左边的这个，左边的话，然后并没有项目并没有启动成功啊，就是安装依赖的时候一直是失败的，然后用右边的模式是成功的，然后讲一下这两个到底哪个是真的，然后是假的， 反正左边的这个呢，它实际上是一个 note module 啊，是个依赖啊，就是你可以从 npm 上找到这个包啊，然后你使用的时候呢， 会使用他的命令去启动那个 electron， 但右边的这个呢？右边的这个本质上来说他只是一个 wait 的模板呢，就是 template。 右边的这个呢，他在 github 上这个仓库呢， 他是一个组织啊。左边的这个呢，他是一个个人的，他在一个个人旗下，在 alex 这个人的旗下。右边的这个呢，这个模板形式的呢？他目前已经有有人赞助他。 呃，这个通过那个包的形式呢？他目前没有赞助啊， 他们都支持这个热加载热重启啊，这就是一个真假 weight， 你们自己去分辨到底 哪个是真哪个是假呀，反正我用右边这个是成功的，左边这个没有成功啊，兄弟们说一下，到底哪个是真的，哪个是假的？评论区留言呢？
粉丝5675获赞1.5万
相关视频
11:51查看AI文稿AI文稿嗯，大家好，今天来做一个 electron 的环境搭建。呃， electron 呢？也是，我也是自己学习的，然后自己总结了一下，嗯， 然后把中间遇到的问题记录了一下，然后我们就然后写了一篇教程，那今天就根据这个教程来具体的实践一遍。然后第一，首先我们要用 vt 这个会员工具来创建一个微微项目，去创建这个项目， 我们再选 m u e， 选 dusk 的 啊，运行一下， 我们打开看一下是不是正常的。嗯，这个没问题。然后第一步的话主要就是这个创建这个微项目，然后第二步的话我们就安装这个 excel， 然后我们这边的话用 id 打开就可以， 因为后面涉及到一些代码的编辑 id 的话方便点。 嗯，这包安装挺快的。然后下面是安装这个 wait 的 electro 的插件，这个的话主要是后面。嗯，渲染，呃， electro 的 现在文件进行变异怎么弄的？ 然后我们就在这个 刚创建的项目下面按下一个 elector 的文件夹，然后创建一个五金层的文件和一个瑜伽展文件， 然后我们修改这个 wait， 点 config， 点 ps， 因为这个刚刚用那个 wait 创建的微信项目里面只有。呃，这个六一的配置项，让我们把这个原创的原先插进来， 那我们直接卡过来， 这里面主要用了这个 red plug electro， 这样的话就可以编译这个按键的 electro 的这个普京的文件和这个瑜伽带这种文件， 然后他就这个效果，然后我们去修改一下这个有进程文件，我们这样打过来看一下， 这里面就是我们换一个窗口，然后在里面，然后有没有用这个这个文件，我们这里面指定一个路径。 这个话就是说如果是开发者，开发者模式的话，我们直接用他这个环境变亮的壁纸，不要让我们下载，如果是已经打包好的，我们就用他变成这个 ins 键 atm 来下载啊，这里面的话我们把这个 发走了，这个助手打开方便我们来调试， 改一下这个卡科技的技术， 然后把这个开口去掉 就没问题了。 好，第三步的话我们就是来打包一个刚刚已经运行成功的这个 electro 项目，这里面我们安装一下这个 electro builder logo， 然后我们还是改一下这个 package 接水，然后然后是这个右的命令改一下， 然后加一个 bill 的命令， 然后 beat 命令。这里面主要是我们指定一个变异输出的文件夹啊，这个 release 啊， files 表示，呃，打包时候的一个原文件，然后从这个 dista 和 distal electro 这两个文件件下面进行打包。 dis 的话就是唯有意义编译的我们的一个文件架， distal electro 就是 electro， 嗯，那个现在是编译出来的文件夹， 那我们运行一下这个 build 的 啊，已经编好了，我们先打开它这个，嗯，这个二键字， 嗯，这个是和那个这个网站打开是一样的，美女，没问题，然后我们点一下他这个安装包， 那我们直接一起 有什么问题？ 第四，第四小节话我们讲一下这个进程通信，这刚才的话我们是放一个 比亚创的维尼家和呃为的创建了一个 vip， 然后的话 vip 项目就是这样，一个是渲染精神，然后那个比亚创的英代词就像是一个组进程，然后比亚创的英代词之间和你通信的话，嗯，有一些原创提供的一些借口。 首先的话我们就是要演，主要是要连三三个功能吧。一个就是我们，嗯， 遇见，遇见在脚本里面，嗯可以获取一些的都是 gs 的一些数据，然后把这数据如何通过， 嗯，这个接口传递给那个券能进程，这个就是说券减进程和组进程的一个双向通信。然后这三个功能啊，为了演这三功能，我们把这个界面改造一下， 我们去掉一些之前的 emotion 的 ur， 这里面我们只给 how word 的支柱间传一个消息就可以了，其他信息我们不需要显示。 how word 里面我们要去掉一些气球信息。 第一个话我们沙发里面，呃，就要看你以下几种数据吧。第一个就是副总监的全款的数据，那个 app 两个原因全款的。第二个的话有一个按钮，按钮是显示那个无限量控的。然后第二第三的话就是我们显示这个又下载教程里面的一些数据，他这个相应直接是一些环境变量产的。 那第四个的话，这种通过一个按钮是给主进城发消息，然后主进城那边打的字，我们观察这个是否收到消息。第五个就是我们接收来自主进城的响应，然后这这里这个 我们预期的话，就是最后页面上这些数据中都能正常的显示啊，就现在先看第一个就是显示这个瑜伽在脚本里面的一些变量字，然后我们瑜伽，瑜伽的脚本里面用这个 ctrl 加上下门这个函数，把这个函数关注给这个真的是你们的这个 api， 把那个 gs 里面那些呃接口或者那个值，包括给这个 windows 下面的这个 ipi， 然后我们定在第一个全局的 ps 啊，我们这边的话会介绍那个 app 里面那个放入到那个 ipi 就可以，然后我们在 ipa 里面就可以使用这个 api， 然后这个还放的是我们刚新建的变量，我们预期这个变量只有值了，然后全都这个量杯里面，我们来拧一下， 嗯，身边有只啊，我们身上的好。第一个功能很正常， 第二的话就是左进程给选进程，选进程给左进程发消息，然后这里面话我们需要提供的这个 rpc。 晕的，那这个话我们也待遇遇到小本里面遇到那个 长在 word 里面用这个接口，第一个第一个函数，然后就是说通过这个 excel 运动给呃这个发送和消息，然后我们通过这个点单点改掉这个， 我们在主京城里面接受这个消息， 然后这控制 id 显示收到炫金城发过来消息啊。第三个功能的话就是卓金城给炫金城发消息，这里的话我们就直接在搜到卓金城，搜到炫金城的消息之后给他回个响就可以， 那么我们就给吴京城给看见了发个响应，然后里面带内容就是一个手机支付券， 然后我们需要在券基层里面写这个接收函数啊，这个接收函数的话也需要在一两角里面去实现这个实现，然后我们在券前下面的记者里面写的图片 就这个，这个最后也是就是还是要这个 a、 b、 c、 u 的那个啊？是这个签 放在 word 里面写这个， 然后这个相遇这个回调，回调里面我们就给这个啊 rap 的 window 复制，然后在这个 d、 r、 v 里面就会相应更新，然后看一下效果， 我们先点那个肥东新的发送的按钮，然后进行时交易，并且，嗯，更需要进行响应反应的审议进去。好，今天的。
24棉小球
01:37查看AI文稿AI文稿大家好，我是李忠义，今天我更新了这个快速入门详细指南，这关于 electr builder， 也就是说打包如何把一个 atml 代码打包成一个 啊， ese 可执行文件或者是 dmb 这种安装包啊，这怎么做？哎，我们这个都开发桌面端应用，那这个工具你是必须必须要知道的，如果你对这个啊前端开发 electr 啊桌面端应用感兴趣，或者说想要扩展前端知识，那么这个 课程呢对你非常有帮助啊，那这个课程呢是一个非常基础入门的一个教程，我这里文档呢是开公开的，在我的博客里面去有这个文档呢，对应有相应的一个视频讲解，我详细去讲解了啊，这里面每一个点，并且给出一个文章啊， 如果想要看看视频的，看着我如何一步一步由浅入深的去讲解这个 elector 了，那么可以购买我的店铺里面的一个课程啊，就是这个课目前呢已经上架啊这个课程，然后现在呢正在去上传 第一个视频啊，这 elect 相关的一个第一个视频，当然他也有这个 v o e v 的四 v v 三搭建一个脚脚架模板这样的一个课课程的视频。这个视频呢大概有四十六集啊，大概有四十六集，目前这个 elect 这个相关的正在去上传啊，如果感兴趣的可以拍一下啊， 拍完之后呢会有我啊为你答疑啊，如果你遇到 electr 相关的问题，都可以咨向我咨询啊，好，感谢你的一个关注。
140李钟意讲前端
18:14查看AI文稿AI文稿hello， 各位小伙伴啊，最近呢，我要录制一个 vivo 三的视频教程了啊，有兴趣的小伙伴呢可以一起去学习一下啊。那首先这样的，之前呢，有些小伙伴会问到，我说，诶， vivo 三都这么长时间了，你怎么看是吧？是怎么看的问题啊？怎么看这个 vivo 三，一会呢我给大家去聊一聊。然后其次呢就是 vivo 三的一个使用吧啊，使用，那我后面会给大家讲 vivo 三的各种大使用。然后呢再其次呢就是公司怎么用，公司怎么用， 因为有三个产生来说，呃，有很多东西他是比较乱的，所以说呢，有的公司呢，使用方式可能都是不同的，比如说百分之八十公司这么去用，但是有百分之五的公司那么去用，百分之十的公司呢那么去用，那我这呢需要呃通过这么几个情况给大家讲一下分别不同的用法。好吧，那这随着我们课程呢慢慢就会更新下去啊。 行，那先来说怎么去看的这个问题吧，那版本的升级，首先 biu 三呢，肯定是从 biu 二升级到 biu 三，对吧？他有一个升级的过程啊，那么升级来说呢，我之前看到一个学员说过一丈话啊，就是换汤不换药，我特别赞同这句话，大家如果觉得说一个东西他升级了，改动非常非常大，大到硬境界了，那这个产品也基本 什么意思呢？就拿举个例子吧，比如说王者荣耀啊，这样游戏来说，他是一个推塔游戏对吧？不是一个人的王者，是团队荣耀对吧？推塔一个游戏好，如果有天砰一旦升级变成一个可能合格制游戏，或者变成了一个什么呃，射击的游戏等等乱七八糟游戏，那这个产品内法又和之然不一样了， 等等等等，使用的人肯定就会下降，大幅下降。所以说呢， vivo 二升到 vivo 三呢，大家不用慌啊，就是他就改这么一点东西吧，差别呢，并不特别大，也就是你会 vivo 二升到 vivo 三，很轻松的就可以过渡，只不过有些东西呢，我们人可能也会有固有思维啊， vivo 玩挺好，突然弄个 vivo 三，我觉得这不好那不好，是我们的固有思维啊，当然也确实需要我们的分辨能力 啊。然后呢，再说一下，就是 vivo 三，啪刚一出来时候，很多的小伙伴啊，都会觉得好牛化层啊，全都一猛子都去学了。好，你要注意啊，就是一定要有自己的分辨能力啊， vivo 三，咱们假设一个情况， vivo 三都出来了，然后挨了问 t u i， 他没有升到三，也说你用 view 三项目去以外 mpv 做掉，你觉得是不是有必要？你觉得你的相声有必要，完全没必要，对吧？所以说呢，这个 东西他只个升级，并不代表说他很强，对吧？他可能是未来呃，绝对会替代二的版本，这个我们不能确定啊，但是如果要有再出了 vivo， 那 vivo 基本上可能就不降，我们一定要有突破固有思维的思想，就是我们一定要有接触新鲜事物的能力，或者说接触新鲜事物的能力，或者说接触新鲜事物，我们要勇于去接受啊，但是也要分辨出来，不是说一个新东西 polo 数量就一猛去学啊，弹出来讲，这东西被炒的最多的就培训机构， 所以说呢，大家一定要有分辨能力啊，然后其次呢就是大家可能在网上也看过，比如说这个 vita 加 vivo 三，甚至还有加什么 gucci 四是吧，甚至还有加什么啊，平亚还有加什么 that， 还有加各种各样东西，乱七八糟啊，甚至还有这三大加一大堆， 这家到底是啥是吧？我分别给大家去说，这就是我告诉大家的，刚才说到他好乱啊，咱们一点聊好吧，一点聊我就当大家呢这些东西都不知道一点聊，那我六三，呃，怎么看呢？就是他目前来说吧，或者 vivo 本身吧，肯定是做后台管理系统非常适合的，做前台内容还是不适合的，然后随着这个课程大家慢慢去体验 vivo 三吧，或者体会 vivo 三的优缺点就可以了，那至于他怎么 去使用呢？这个随着课程咱慢慢去聊啊，我就一步给大家去说，包括那些东西啊，位置啊，加什么东西，对吧，慢慢的去聊好吧啊，然后公司怎么需要呢？就是后面等等都会的括号。但是呢，我这先要强调一点啊，就是，呃，我这次呢会讲的 vivo 三，主要是拿 vivo 和 vivo 三进行对比，如果一些小伙伴呢，没有学过 vivo 二啊，我建议呢就是你去学一下我的 vivor， 或者说学别人 vivor 都是可以的啊，无所谓啊， 大家要学我的 vr 呢，可以到这个学习路线展森或者小路线展森这个网站，然后这呢有课程的全能框架，然后在这有一个 vivo 基础课，大家可以学这个。好吧，那我就不在这呢不多说这个 vr 东西了，我只说这个对比，好吧，如果说你真的不会 vr， 一定要看 vr 再看这个，要不然你别看好吧，因为这里面都看不懂，你也看的费劲是吧，彼此都难受。好，那下面呢，我就呃正式的去来说微商的一些东西啊， 来写一个 bg， 我就当他家的这个 vivo ok 的 vivo 三什么都不会是吧他其实呢，我也当他不会了，我就整个都给他过一遍啊要首先呢，今天第一节课的第一个事，我们就来创建 view 三项目呗。啊，创建项创建 view 三项目创建 view 三项 上面呢有很多形式啊，很多形式，比如说我们经常一个命令就是 view， 呃， creature 这这个项目名称是吧，这么去创建，来吧，我把 view 二和 view 三都给创建出来啊，我进入到我的桌面儿，然后 see view creature 代号二就是 view 二啊，我再提一个 viv crate demo 三，那就是 vivo 三了。好，我先把 vivo 二这个版本选一下，我就把 return 和 vivo x 都安了啊，然后这样选择，看到二点叉走你。哎，我就按个二，那就二吧，就按个二，好，就按个二，然后这个玩意呢，我按个三，千万别点错了，三点叉啊走。好嘞， 好，他们先按着，然后呢，哥几个去聊着是吧，咱先喝着。好，就是。呃，我们通过这样的形式呢去创建这个项目啊，注意，这个形式是基于的构架工具。什么基于 构建工具？工具？嘿，是这个 wipe 啊，注意，这样积极构建工具是 wipe。 然后刚才呢，我给大家说过一个东西，就是 wait 加 vivo 三，看到吗？ 就不是基于外派。好，我们先来说一下，可能大家在六二章中已经做过很多项目了，那基外派这项项目呢，有一些痛点，怎么样痛点呢？大家看这个图啊，先说一个痛点啊，就是如果我们做这个项目，这个项目呢，可能有一百个组件，或者一百个点背文件 好，然后呢？某一个点没有文件呢？修改了点东西是吧？这个点东西啊，至于哪点咱就不说了啊，修改点东西，然后我帮你保存，我一保存时候呢，我去刷页面，我靠，怎么还跟原来一模一样，然后我一看这终端，我靠，你还没修完呢啊？你等半天，等上个十秒五秒都有可能。 大家发现一个问题，没有慢是吧？ wifi 好慢好慢，为什么呢？看这儿啊，是因为这样的啊，这个 wipic 呢，它有一个摁水，就是入口， 如果大家足够了解到 cat 的话，它有 encher 和 output， 是吧？入口，咱们拿入口来说，我这项目呢，可能有很多的页面啊，就是很多的这个 ruce 啊， ruce 这个路由，比如有三个吧，咱们举举个例子啊，有三个，当我去修改某一个时候，比如我改这个，我改这个和这个点没有文件，和这个没有文件，这俩页面有啥关系呢？ 我改，我和你俩啥关系呢？没关系，但是我要派克也会把他们重新的编译解析一下，然后包括他里边一带项全部再执行一遍啊，最后完事啊，我，我只说开发环境的时候啊， 这就是来拍个问题，导致你开发效率比较慢啊，就是我改一个，当组件特别多，改一个时候，其他都得编一下，超级慢。好，那么 有没有很好方式呢？ which 啊，这是这节课要说的这东西呢，大家一看图就明白啊，比如说我这也是有 n 多个这样的页面或者组件，不管啊，当我去改某一个，比如改这一个吧，哎，只是他自己生效，这几个哥们呢？不生效 啊，不就是说，呃，不根据啊，这呢进行什么加载呀，各类各样的东西啊，他不需要重新加载啊，这就大大提升效率。大家想想，我有五十个好假，五十都执行，但是我只改了某一个，那一个执行不就好了吗？所以说呢， wait 很好，那我们总结一下，呃，基于 ipad 的项目， 这项目啊，有一个问题啊，就是开发 map， 或者叫编译 map， 编译啊，编译版来解决它，该怎么去解决呢啊？使用 wait 构建构这个 wait 构建工具，使用它 使用解决，就是使用位置啊，就可以了，位置呢，要比他快，所以说呢，咱们要了解位置优势， 在开发，我只说在开发啊，在开发过程中大大提升我们的效率， 大家形容交流。好，那现在我再给大家阐述一遍啊，就是大家去创建一个 view 的项目，你可以通过战士创建，你也可以通过一会我讲 wave 方式去创建，这两东西呢，都可以完成你的项目，这个我说清楚了啊， 都可以完成一项，但是如果单纯的通过开发效率来讲的话啊，一个保存大码代码来讲的话， wait 要比 rap 速度要快，一会我带你带大家去体验。好吧，所以说呢，两个无所谓，爱用哪个用哪个，但是这个东西快，我们就用快的，舒服的，爽的，对吧？我们出出去就坐飞机，就坐高铁，就开车，我不骑。那那个什么，这，这个大轮车是吧？不，不，骑大轮车，不，不，踩平衡车，哎，就舒服， ok， 就跑车各种要开，哎，就这意思啊，就是我们要选一个跑的比较快的。好，那么 vit 项目怎么创建呢？创建 vivo 三项目，我们要基于 which 这构建工具。 命令这样的，跟它这儿就不一样了，命令这样， n p m 啊， in it， 然后这儿呢是 wait 哎， wait g s 哎，然后这是项目名称， 好，我再来一个，进入到我的桌面，然后 n p m e net， 啊，我们这儿呢，起一个名称，先写一下 wait g s 我叫它 wait demo 吧。好吧，随便儿起一个。 好，然后他让你选择你要创建什么样项目呢？那肯定 view 呗，选择 view 啊，走啊，然后是 view 的还是 view t s 的，呃，咱们先不说 t s 啊，如果小伙伴会呢，你就随便。好吧，不会呢，就 先跟着我走，选 v 五吧，走好，然后 c d 根据它的命令啊，进入到我们的目录里边，然后 n p m。 算了，我要 c n p m 安装它依赖，然后 n p m 绕 d v 启动起来啊，就可以了， 咱填不上第一位啊。行，好，我们来体验一下它的效率有多么的快啊。来，当然现在呢，还不是体验那么特别特别深刻啊。我们打开这个 logo， hose 三千， 呃，他访的时候扣后三千，大家看到了哈，来，我随便去改个东西，我打开这样的一个 app 没有吧，或者打开这个 hello 啊，都行啊，无所谓，就打开这好，我在这呢写一个一二三啊，我啪一保存，你看 是吧。四五六啪一保存，你看这速度是吧。叉叉啪一保存，你看这速度特别快，所以说呢这个东西呢只是提升我们的开发效率罢了而已啊，那就是你的一些选择了啊，到底你要用哪个倒无所谓好，但是呢大家呃 这样呢，我要给大家讲就是这个东西我不知道说了大家应该会对吧，这个就直接写代码就好了。那这个呢还有点问题啊啊基于 wait 呢还有点问题啊。首先呢 wait 呢它默认安装的如果你选择是 view 的项目啊它默认安装的这个版本呢是三的 view 三 啊默认是 vivo 三的啊。所以说我们这也记录一下如果选择 vivo 的项目默认版本是 vivo 三是 vivo 三。好，那 vivo 二能不能用呢？能一会我给大家讲啊。但是呢我们先来先来看一下这个 gv 的这个项目录啊 s r c 大家熟吗？不熟吧，熟是熟，感觉少点东西对吧。少什么呢？原来我们的那个撸件没有 store 没有。那咋办？这有啊啊，你把他的 src 整个的给他把这个位置的啊 src 给他删掉，把这 src 呢整个复制粘贴过来就可以了把这儿一复制 把这一复制把这一粘贴就可以。哎我这个粘贴的咋这么慢哎这是我电脑问题。好吧那那这样我我自己新建一下。这是我电脑问题啊各位你们肯定是不需要我这么去操作的这是我电脑问题我需要手动移一个来。那这个电脑 不听我话了已经好久已经坚持了很很久很久啊，我就一个一个笨点啊给它新鲜出来啊啊就是你要做的话呢就把你那个呃 s r c 粘删掉啊整个的复粘贴过来就可以了。好，我们就我这操作笨一点吧。 好，我把这个都拿过来。 好，这第一步还没有完呢哈，各位，呃，第二步呢？是你再打开你这个用 create 创建的 vivo 三项目的拍点 jason 啊，把 这一块，把这一块复制一下啊。哎，搁到这，搁到这个位位置，这个地方，把力量效应给按一下，好吧，来， n p m i。 然后呢，你再去启动啊，可能也会报些错，然后改一点东西就没有问题了。 好， n p m 状 b v。 走，启动起来。好，启动起来以后呢，我们看啊，它里边其实已经爆了一些错了，比如他说圈儿也不认识，对吧？咱们需要去改一下，找到这儿的一个，呃， home， 把这改成第二杠， 他们还会报一个错误啊，这个错误呢，我直接给大家去找吧，就是这个 ruth 里边这样呢，没有那个点 env 文件啊，所以说我们改天告就可以了。大家看，这不是我们熟悉的那个 vivo 的初始化的项目吗？哎，这也没有问题，好，给大家总结一下。呃，如果说我们要用 wat 即 wat 的来做项目的话啊，那我们要做的事情， 六三啊，六三使用。呃，这个应该不叫六三，应该叫 wait 加六三的方式。我们第一步， 把 print 创建六三的 src， 整个复制粘贴到 基于 wait 的项目中啊，只敢我们做第一步。第二步，把 create 创建的 六呃，把根的创建的 package jason 中的。我得给大家看看啊，这，这块， 这块，复制粘贴到这条 在项目中啊。第三步， n p m r。 呃， n p m i。 安装依赖啊。第四步， 启动修改错误就可以了。刚才我不是改了一个那个第二缸路径吗？还有一个是 rooter 里边对吧。改一个这个啊就可以了。那有些小伙伴可能还会有一些需求说，哎，我觉得挺好用的，对吧，这个东西挺好用，那我的 viewr 的项目呢， 也想用这个，我不想记 wifi 了，哎，那能不能用呢？可以啊，那可以。好，我们下面就来说一下 vr 的该怎么用。那 vr 呢，是在戴帽二对吧？好，那也是一样，前两步没什么区别啊。你要把它的 src 这块 给它放过来啊放到放到这边啊放到这边啊。那我又把 s r c 给删掉了，我这复制是有问题的啊，我再确定一下大概是不是 m 二啊 啊 ok， 好，复制我这个复制大家可别学我这种复制啊。我这我这是我电脑问题啊，你也别别到时候按照我本身你的电脑是可以的，结果按照我这样去去弄了。 这一句话不到位，我怕大家也笑话这麻烦大。是我电脑问题， ok， 然后这个里边就一个 logo 好行，完事以后呢也是把它那个拍着 jason 的，因为你是基于哎 the demo 二啊，这个啊，你看它是基于 view 的版本是二点六对吧？二点六点十一啊，所以说把这块也是要拿过去， 然后到这也是改一下再重新下载那个依赖啊，你看现在 vivo 的版本是二了对不对？不是三了再重新下载依赖。 p m i。 好，等下来以后呢， n p m 让 d v 去启动启动完事以后呢，就会报很多很多错儿了啊会报很多很多错呃，首先呢它报 d 个错呢，就是找不到这个玩意儿啊，找不到这个东西，那我们就需要把这个东西呢按一下啊， c n p m i 按一下。 好，我把这个给大家记录一下。第一步，第二步啊第二步，我们拷贝过来的是这一大堆 好，第三， 呃，第三是，对，这还有一个是复制安装依赖， 注意会报错，再安装一下这个啊，完事以后呢？哎，还没完事呢，等他完事以后我们再启动一下。啊 呀，这么慢啊， 呵呵，这还有点慢，行，他先安置吧，然后我给他去找一个插电啊，因为一会呢启动起来他还是不行的啊，还会有一个问题啊，所以说我们要用这个 wait 关闭原一会呢要用到这个玩意啊，我们去 n p m 去找一下啊，你要去下载一个这个玩意啊，然后呢在那个 wet ctrl ps 中的新配置啊，这样才可以。这还没安装完，行吧，没有安装完的话呢，我们就先按它去吧，周围要是慢啊，咱们先安装它，那我们就把这个删掉吧。第四步第五步 再 page page。 东西如下，比较简单啊，我我们直接来啊，直接来到这好，大家看啊，第一行这个地方把它拿到 我们的这款，这款就不要了啊，一会我给大家整个的 project 过来啊，这样就不要了，就看这个 好，然后呢这个底部也是一样整个换成它啊，直接都换成这样就可以了啊，这是最后我换完的。 呃，当然这一块儿的 defunt cray defunct convey 这个也算先留到这好我们再启动一下啊，可能会还是爆那个模块啊，我们需要把模块按一下 行，那再再运行一个第六步是吧，再运行好再去启动。 哎，现在就启动起来了啊，启动起来了，行，我们去看一下 logo home 三千，当然还会报一个错啊，就是你那个路径问题啊，路径问题呃， james view 是里边的 home， 这跟第二杠， 然后还有一个问题呢，是你那个，呃， rucher， 呃，这地方我们改天去杠， 小心，哎，还是有问题，看一下。嗯，没问题的。好，我再重启一下吧。 好，我们再重启一下，再看一眼啊，哎，大家看是不是现在就 ok 了，这是 vivo 二啊，大家看切换，哎，都是没有问题的啊。那这一课呢，就主要给大家说一下，呃，这个 wait 加 vivo 三，它到底是怎么回事 啊？然后大家呢，就可以后面我讲课也是会用 wait， 基于 wait 的，一个没有三项啊。然后大家呢，也可以按照你的自身情况是吧？你公司里边呀，或者说你自己想用哪个都是可以的，用 wifi 也行，只用位置也行，只是让大家清楚的 有一些地方的课是这样的，那么到底这个是啥啊？要给大家说清楚。好，那这节课呢，我们就先说这么多，然后下节课呢，咱们再具体的说。 view 三里面都强。好，那么构建创建 view 三项目我们就先说到这里。
126小爽AI产品经理
02:48查看AI文稿AI文稿如何使用 wit 搭建你的项目？就搭建出这样的一个空白的项目来啊，这是 vivit 模板里面的内容。首先第一步呢，打开 wit 官网啊，官网在这里，打开官网之后呢，我们点击开始，也可以点击指引。一样的啊，点击开始， 点击开始之后呢，往下啊，往下滚动，然后到这里啊，我们把这个代码拷贝一下。前提呢，这里也说了，你的 note 版本必须幺四点幺八以上的或者幺六以上的 啊，没有的话他可就版本不对的话可能会给你发出警告。那我们来啊来，现在来啊，搭建一下，好吧， 然后呢，我这里呢啊，输入一下 note 杠五一啊已经。我是幺八点幺六，那肯定是 ok 的好吧，然后 在这里呢，呃，切换到桌面啊，一定要切换到桌面，不然你的项目大家也可以切换到你的啊文自定义的文件夹里面去，我这里就放到桌面里面了，然后把这个代码刚才那个代码拷贝回来，回车 回车之后呢，这里要输入你的一个项目名称，那我这里就写 we vv 啊 vv 三吧，好吧， vv 三，那假如说我的项目就叫 vv 三回收啊回收，然后呢，你会看见有很多啊可以创建 vv 啊，吕艾特啊，然后原声的呀，都是 ok 的。那是我们选择第二个啊，我们选择第二个回收， 回车之后，这里有 d s， g s 自定义，还有 nest， 我们选择第二个 g s 的回车，然后呢，哎，现在呢，我 我们生成了这样的一个文件夹，发现了吗？这里还给我们提示啊啊说切换到这个目录，并且呢 n p m install， 然后 n p m r n d 好吧，已经创建完了，是不是很快啊？ c d 到这个目录下，然后呢再拷贝第二个命令 n p m install 这安装一下依赖魔幻啊，然后这卡牌第三个项命令， 然后呢拷贝第三个命令 number one deep 哎，就是这样子呢，我们的啊，项目已经启动完成了，我们打开，呃，浏览器啊，访问一下这个地址， 哎，这个就是我们刚刚搭建好的一个 v v 项目，当然你也可以干什么把它取消啊，然后再 vi 扣里面打开，对吧？终端 m p m r， m d 然后打开这个，一样的啊，一样的，好吧，这个就是使用 wait 搭建一个交友架。
193李钟意讲前端
06:44查看AI文稿AI文稿嗨，大家好，我们前面学习了用标准的 javascript， html 和 c s s 来创建 elect train 跨平台桌面应用。 如果我们的项目比较大，结构比较复杂，我们经常会用到前端框架来开发 web 应用，现在流行的前端框架主要是 v o e 和 react， 现在我们就使用最流行的前端框架 moue 和 electrim 进行集成开发桌面应用。 在开发之前，我们先要安装一些开发环境，首先我们需要安装一个 v u e 的 c l i 开发环境，使用命令 c n p m in 杠 g at v o e 斜杠 c l i 这个命令来安装。 安装完成以后我们来查看杠大写的 v。 安装好以后，我们来创建一个 voe 项目，使用命令 voe create， 然后一个项目名称 杠八。 现在需要做一些设置，我们选择手工设置，然后选择 必要的一些选项， 回车，选择格式化工具， 这里选择是否是用独立的文件配置文件。对巴贝尔 e s light， 然后提示是否保存，这个是配设置，我们选择否 好。安装好了，根据提示我们进入这个项目文件夹下面， 然后运行命令 n p m run share， 然后返回 这个路径，我们就看到成功运行的一个 v o e 的基本项目。接下来我们要添加一个 electrin 的一个提成插件， 然后使用命令 v u e add election 杠 builder。 注意我们添加这个插件的时候，他会去访问一个第三方的库，叫做 chose driver， 这因为是要访问国外的服务器，会特别的特别的慢，所以我们先安装那个插件，在那个国内进项网站上面去安装。 使用这个命令 先安装这个插件，然后再安装 electron builder， 这个插件 好，安装好了，然后我们现在来安装这个提升环境 we u e aid in extreme 杠 builder 这个标， 然后选择一个版本，我们选择个最新的版， 好，安装完成了。我们现在到维修 studio code 里面去看一下这个项目， 我们看到这个项目跟传统的 v o e 项目都很都很像，只是它多了一个文件， 多了一个 background 点击 s 文件，其他跟无优衣的项目都是一模一样。 这个文件就是跟我们前面学过的 electrin 应用应用开发环境里面 index 点 g s 或者是魅点 g s 那个入口文件是一样的，它在这个文件里面就导入了 electrin 的需要的一些开发库， 包括他的一些入口的初始化配置，比如这里创建一个窗口啊，然后执行他相应的一些事件，都做了一个初始化。 然后我们来看一下 package 点接接审，然后来怎么去运行这样的一个应用。我们选择新建一个终端，然后执行命令 npm run elect trin 杠 build star 五来运行这个应用。 好，这个应用成功启动了，我们到这里就已经成功完成了 v u e 和 election 的开发集成。在这里我们看到 这是一个初始化的一个 view e 项目的页面，我们可以对这个页面像开发 vivo app 一样进行调试。 今天我们就讲到这里，下一节我们将详细去讲解怎么把一个现有的 voe 项目改造成一个 elect train 桌面应用，谢谢大家。
76快孵联盟加里
01:45查看AI文稿AI文稿wait 凭什么比 vip 的快？这也是前段面试中常见的一个面试题。首先说 wipecwipec 待不上我，他在启动的时候，他会把所有的文件都 beauty 一遍，他需要从入口文件去，所以整个你的项目的这种文件编译成一个或多个单独的解锁文件，不管模块是否被执行， 都要编影和打包到这个帮助里面。随着你的项目越来越复杂，项目的模块越来越多，打包后的帮点也越来越大，打包的速度自然也会越来越慢。整个的这个过程是非常消耗时间的， 这就导致了随着你项目越来越复杂，他的启动时间也会越来越长。而问他在启动的时候不需要打包，也就意味着他不需要拆分模块的依赖，不需要编译，所以说他启动速度是非常快的。当浏览器请求某个模块的时候，然后再根据需要对 模块的内容进行编译。由于现代浏览器本身支持 esmoe 六，会自动的向依赖的 model 发送请求，为了他充分利用了这一点，这种按区动态的编译方式极大的缩短了编译时间。项目越复杂，模块越多，问题的优势就越来越明显。在热更新方面， 当改动了一个模块之后，仅需让浏览器重新请求该模块即可，不会像 wipec， 他会把所有的模块都重新编一块。在底层实现上， 贝特是基于 esb 的预构键的， esb 的使用够语言编写比 gs 编写的打包器预购键快十到一百倍， gs 跟够语言相比，它实在是太慢了。 gs 的操作一般是毫秒提，够的操作是那秒提，如果你这么回答这个面试题，我相信你的回答是满分的。最后给大家留一个四号题，为什么够的编写它就这么快呢？知道的可以评论区留言。
1384大伟聊前端（AI全栈）
04:14查看AI文稿AI文稿问他固然是好用，但是在工程的构建打包的时候也有不少坑的，我们应该去避免。具体是什么问题呢？我带大家看一下。这个是我的一个项目的路由的配置文件，项目里面 有这几个路由， text text 二、 text 三，这时候我执行 npm ranbud， 打包完之后，你可以看一下他把每一个路由他默认的都会拆成一个单独的 gs 文件， 入口文件 retain 模块，还有公用的这个组件，也就是在这里面的这个组件，包括这地方 tik 分别打成了三个 ts 文件，而且我在这里面设置的这个 wip 创个内幕，它也不好用的。 正常的，按照咱们之前用 v o e c i i 创建的项目，那么他这地方会默认的这 tax 的这三个文件会打成 统一的这个文件，因为问他底层是用的 rap 打包的，所以说这个是不生效的。呃，这个可以理解，这时候我把它打包的文件给他复制一下，放到这个里面，这时候我改其中一个文件，比如说我把这个泰式二我改一下，改一下我再执行一下打包，咱们可以对比一下， 我只改了 tax 二，正常的话这个 tax 二后面这个哈西值变化就可以了，但是你会发现他所有的文件的哈西值他都变了。在用问他打包优化的时候， 这就是存在的两点问题。第一点是他会把我项目的每一个模块都拆分成单独的一个介绍文件， 导致拆分包过多，碎片化文件特别多。假如我一个项目里面有多个路由，如果有二十个模块，三个模块给我拆分成三十个 ts 文件，这显然是不合理的，包括我改其中的一个 文件，他导致所有文件的这个哈一值都变了。比如说我项目上完线之后，我只改变了一个文件，那么对于用户的缓存来说，他所有的文件都需要重新加载一遍，那么这个问题怎么样解呢？回到这个他的配置文件里面，因为他本身是用的 rap 嘛， 这个地方我们使用 up 的这个配置就可以。我把这三个文件都打成合到这一个文件里面，我再咨询一下他， 咱们看一下这个是打包后的文件，可以看一下这个，他把这三个 test， 也就是之前的这三个 test 的文件都合成到这个介词文件里面了。但是你有没有发现又引出了一个新的问题， 这三个界的文件其实特别小，每一个都零点二一 k b， 加起来也不到一 k b， 那么它合起来之后，这个达到了六十七 k。 而且这个也 同样的问题，比如说我把这个其中一个文件改了，你会发现改其中一个文件，其他的文件的后缀他也变化，比如说这个入口文件，他是零七 c 开头的，那么这个地方就变成八五八。 这种方式虽然减少了这种碎片文件，但是依然没有解决其中一个文件，导致所有的文件的后缀没有全变，导致你线上的这种文件的缓存有可能会失效，需要我们单独的去做处理。还有一种方式，咱们可以使用这个第三方的这个组件，就是他， 然后安装完了之后，咱们在这个 plus 里面去触发一下，打包一下看看。这时候啊，按照我们原来的方式，他会给你在这里面定义的名字，把这三个合一块，然后我再去改其中一个文件里面的内容。咱们注意这个 window 后缀啊，这个是久违开头的，本来也是久违开头的变化了，只是这个这个 ts 六滴滴开头，现在变成九九九 a， 是吧？其他的后缀都没变。引入那个插电之后的这种打包方式啊，咱们用到了引的这种第三方的主线库， voe 的原码， voe 注册都放到这个温点里面了，然后他把这个阿乃克斯的这个请求单独处理出来了，他把这个借用的模块和归还的模块公用的就是 voe 文件单独处理出来了，但是他也会多出来了一些其他的文件， 比如说像瑞特这个文件，他就生成了两两尺，包括他还多了这种康美的 gs 文件，引入这个插件的方式他也不是特别的完美，况且这个插件他的十大也非常少，我也不建议大家使用。大家有没有更好的方案可以评论区留言，如果想要代码的也可以评论区留言。
632大伟聊前端（AI全栈）
