vitejs怎么运行

呃，我刚刚下播，刚才在直播的时候，有人问我这个浏览器怎么在 vs 扣当中显示出来的？呃，这个特别的方便，我们在修改代码的时候，这块会同步的热更新能看到结果，我们就不用每次修改之后再切到浏览器里边了， 尤其是你在开发移动端的时候，开发 h 五的时候，是吧？这样的话呢就特别的方便。这个是怎么做的呢？我们需要安装一个插件， 安装一个插件，安装这个插件，我们安装完这个插件之后的话呢，就有这功能，我教你怎么来进行使用，安装好之后，在你的状态栏上会有个 wit 这个图标， 你呢就可以把它选择开启啊，现在我已经开启了。安装好之后啊，我们可以回到配置项当中，在配置项里边这块有个选项，就是当你 vs 扣的启动 的时候，他自动进行开启，那么，呃，我们启动 vi 扣，他会自动开启啊，然后的话我们可以点这个按钮上面这个， 这样的话呢就会把这个给他打开，那每次通过鼠标点击，以我个人来讲，因为我非常喜欢用键盘来进行操作，不太愿意用鼠标，所以呢我习惯于把它变成那个热键， 所以呢我们可以定一个热键啊，那在这一块我就定了这样一个热键 come on 的 r， 所以这个时候我把它比如说关掉了， ctrl w 关掉按 come on 的 r 之后呢，这个插件就能启动起来，非常的方便。 这插件里边呢有这样的一些功能，比如说这是调试的，就类似类似于我们的浏览器的调试，但是浏览器的一些插件在这里边是没有的啊，好，然后这一块的话呢，我们点击它可以让我们直接打开我们的浏览器显示这 页面在这一块，然后这块的话呢，我们可以刷新这一块的话呢，就是我们命令了啊，你可以选择变异啊，或者说停止这些服务啊，或者在浏览器浏览器当中打开都是可以。 当你运行的时候，偶尔他可能会出现问题，你可以选择重新启动一下这个服务就行了。那有了这个插件之后的话呢，我们修改起来就会非常的方便，为大家演示一下，比如说我们找到 这个没有主见在这里边我把这块给他加上什么呢？项军大叔啊，这是我保存的时候这块就会自动有这个内容了， 非常的舒服啊。在其次的话呢，我们也可以点击这个按钮，然后选择你的想象室，比如说在 i e 六 i 七 i 八，是吧？呃，进行这个设专有设备的一些调试。好，大家点个赞，我们分享结束，再见。

朋友们好，这节课呢，咱们来看一下 no 的点 gs 环境的 安装。如果我们希望通过 no 的来运行一些扎马斯奎和代码，那么首先啊，我们必须在自己的电脑上安装 no 的点 gs 的环境才行，那就好比说，你希望通过浏览器来运行一些 gs 代码，那么你首先需要在自己的电脑上装一个浏览器。一样啊， 咱们如果希望用 no 的来执行 gs 探法，那么必须要先安装 no 的点 gs 才行，那如何安装呢？咱们可以一起来看一下啊， 安装包可以从 no 的点 gs 的官网首页直接进行下载，那么接下来大家可以打开自己的浏览器啊，输入这样的一个官网首页的地址啊，你会看到类似于这样的一个 页面，好吧，那么在这个页面中呢，哎，你会看到有两个大绿色的按钮啊，这两个按钮啊，你不论点哪个都 都能够下载一个对应的 no 的点 gs 的安装包。那么当把安装包给下载完成以后呢，俺就可以双击去安装这个 no 的点 gs 了。那只不过啊，这两个版本啊，你会发现他们的版本号 有所不同啊，左面的版本号稍微低一些，右面的版本号稍微高一些，同时呢，左侧的版本号是以 lts 结尾的，右侧的是以凯润的结尾的。 那么大家呀，看到的版本号可能和老师这里有所不同啊，大家看到的肯定会比老师的稍微高一些啊，因为老师啊，在录视频的时候呢，哎，这个已经过去一些时间了啊，明白吧，咱们弄的肯定有一些更新了，但是不论他怎么更新啊，大家发 发现永远是左侧的版本号要比右侧的稍微低一些，那么接下来啊，我们可以先去了解一下这个 lts 版本和 carry 的版本之间的不同啊，当清楚了他们的区别之后啊，哎，咱们再来下载再去进行安装好吧，哎，先不要着急啊， 接下来我们来区分一下 lts 版本和凯润的版本之间的不同。首先呢，咱们来看一下什么是 lts 版本。 lts 为长期稳定版，那对于追求稳定性的企业级项目来说呢，哎，推荐安装 lts 版本的 no 的点 gs， 因为这个 lts 版本里面啊，他的稳定性比较高，而且呢一些 bug 啊，也是非常非常少的啊，对于咱们企业来说呢，哎，稳定性永远是优先考虑的第一要素。那么接下来 我们再看一下什么是卡润特版本，卡润特为新特性长线版，那么对于那些热衷于尝试新特性的用户来说呢啊，推荐他们去安装并且使用卡润特版本， 因为咱们知道啊， no 的他一直在进行更新，当他更新了一个新特性之后啊，哎，他会先把这些新特性放到卡润的版本中进行测试， 那如果测试没有问题之后啊，才会把这些新特性移植到咱们的 lts 的版本中，那所以说开的版本就相当于是一个测试版啊，那因此呢，开的版本中可能会存在一些隐藏的 bug 或一些安全性的漏洞。 因此啊，我们不推荐在企业级的项目中使用卡润的版本，而是推荐在企业级的项目中使用 lts 长期 稳定的。那对于咱们来说啊，我们作为一个初学者啊，其实呢，我们安装 lts 版本就够了啊，咱们也不会去学到那些最新的一些新特性，那如果你安装了看的版本呢，那也没有关系， 那么在这里呢，我们还是建议大家啊，尽量都安装 lts 版本的 no 的点 gs。 那么接下来啊，咱们就可以单击一下左侧的这个下载按钮来点，哎，他就会开始在浏览器中进行下载了，那接下来我们稍微等待一会， 好当下载完成以后啊，哎，大家可以用鼠标走线啊，单击一下这个按钮来点，这时候呢啊，就会弹出一个提示框啊，告诉咱们是希望运行这个安装包吗？哎，咱们点击运行， 那么接下来我们可以点击 next， 在这个页面中啊，咱们需要勾选一下这个复选框啊，就表示我们同意它的一些许可协议来勾选上之后呢，哎，咱们点击 next 进入下一步， 那在这个页面中啊，他让咱们去选择安装到哪个磁盘下的哪个文件夹里面，那么一般啊，我们不建议大家去更改这个安装的目录，因为他默认是安装到 c 盘的啊，那咱们默认把它装到 c 盘就行了，建议大家直接装到 c 盘，不要去改这个盘符啊，来，咱们点击 next， 在这个页面中，他提示我们啊，都希望安装哪些 no 的点 gs 提供的功能，那么咱们呢，默认安装就行了，来直接点击 next。 好，接下来啊，我们在这个页面中啊，也是直接点击奈 next 啊，不需要勾选这个复选框啊，咱们直接点击 next 就行。好，最后呢，我们点击这个 install 来点击这个是，那稍微等待一会儿啊，他正在进行安装中。 ok， 那最终啊，如果大家能够看到这样的一个页面，那就证明咱们 no 的已经安装完成了，最后我们点击这个菲尼式按钮，就能够完成这一次的安装。 那好，这一节课啊，咱们带领大家下载并且安装了一下 no 的点 gs， 同时呢，我们为大家介绍了一下 lts 版本和 carry 版本之间的不同，那 lts 为长期稳定版，对于企业级项目来说，一定要安装 lts 版本的 no 的点 gs， 那如果你希望尝试一些 note 里面的新特性啊，那么你可以安装卡润的版本。那么在卡润的版本中啊，它由于可能存在一些 bug 或一些漏洞，那因此呢，不建议咱们企业中去使用卡润的版本。 好，那这节课啊，关于 no 点 gs 的安装，我们就为大家介绍到这里， 朋友们好，上一节课，我们带领大家安装了一下 no 的点 gs， 那最终呢？哎，我们不知道是安装成功了还是安装失败了，反正呢，他最终是完成了， 对吧？那么这节课啊，咱们来带大家来验证一下自己的 no 的到底是安装成功还是安装失败了，那怎么验证呢？哎，我们可以来查看一下以安装的 no 的点 gs 的八 版本号就行了，如果你可以看到一个版本号，那就证明我们安装成功了。那如果你看不到版本号，那么证明咱们安装的过程中啊，可能存在一些问题啊，需要我们重新去检查一下。那怎么去查看以安装的 no 的点这次的版本号呢？那咱们来看啊，首先要打开一个终端， 那接下来我们需要在终端中输入这样一个命令，叫 no 的空格杠 v 啊，注意这个 no 和杠 v 之间有一个空格啊，一定不要忘记， 接下来输入完这个命令之后呢，咱们按下回车键，就可以查看已安装的 no 的点 gs 的版本号。那现在问题来了，在 windows 系统中如何打开一个终端呢？啊，咱们可以一起来看一下啊，在 windows 系统中快速打开中端的方式呢，哎，在下面啊，咱们可以 起来看一下，可以使用一组快捷键，就是 windows 徽标键加 r 就能够打开运行面板，在 运行面板中呢，我们输入 cmd 后，直接回车就可以打开一个终端。那接下来咱们可以在打开的终端里面输入 no 的空格杠 v 命令，来检查已安装的 no 的点 gs 的八百号来，我们可以一起来给大家去做一下演示啊，来按住 windows 加 r。 哎，我们会打开一个运行面板，在这个运行面板中我们输入 cmd， 然后呢，我们点击确定也行啊，咱们直接在这里回车也好，来回车 打开，我们就打开了一个 windows 里面的终端，那么在这个终端中啊，哎，咱们可以输入这个命令啊，叫 no 的空格杠 v 来 no 的空格杠 v。 回去之后呢，哎，大家可以看到 老师这里就打印出了一个版本号是 v 十二点十六点幺啊，那大家的版本号可能和我这里有点不一样，那只要你能够打印出一个 v 开头的版本， 那就证明你的 no 的已经成功安装了，那如果无法打印出这样的一个版本号，那么就证明你的 no 的啊，可能安装时候有一些问题啊，需要重新的去进行一下检查。 那好，这一节课啊，咱们带领大家去了解了一下如何查看自己的 note 是否安装成功。那首先啊，咱们在豌豆子里面需要通过豌豆子回标键加 r， 哎，打开一个运行面板， 然后呢在这个运行面板里面，哎，我们输入 cmd 之后，哎，直接回车，或者说点击这个确定都行啊，咱们会打开一个终端的面板，在这个面板里面啊，咱们输入 no 的空格杠 微，然后呢回车就能够检查自己的 no 是否安装成功了。那好，这一节课关于如何查看已安装的 no 的点 gs 的版本号啊，我们就为大家介绍到这里。