dta文件怎么用vscode打开

嗨，今天给大家分享的是用 vs code 同步上传到 git 啊，这个是非常非常简单的。那首先呢，我们先来到桌面当中新建一个， 我们直接把这个空白文件呢加到这里来，拷拖到这里以后呢，我们可以看得到这里有一个文件夹就被我们推进来了，那我们单机这个就是新建文件，这里呢就已经出来一个 test 文件了。 ok， 我 们在这里面，比如说这个时候呢，我们可以看得到他有一个未保存，我们可以这样去保存一下。保存之后呢，我们还可以在第二个，比如说 second， 我 们看一下，这里面也有，比如说我们保存一下。 ok， 我 们再来到左边，我们这里面呢有一个初步化仓库。第二个呢就是发布到 github， 我 们点这个发布，发布后呢，我们可以看到一个是 publish to private， 还有一个 public， 直接点 private 就 可以，它已经把名字都帮我们去创建好了，点一下确定， ok， 在 github 当中打开很简单，我们看一眼， 看 hello， second， 那 我们看呢，这个我们是又改变了一步，看到前面这里呢有一个绿色的标，就是我们目前还没有保存，再保存一下。 ok， 我 们再回到这里， 看到这里，这是刚刚我们保存的节点，我们可以看到呢 test， 它有一个工作数， 就是我们保存后呢还是可以在这里面继续去工作的。而且这个 vsco 当中呢，我觉得比较好的一点呢，就是说它全部都是中文的， 对我们这些啊小白来说就是一眼望过去全部都是英文嘛，它会比较友好一点。好了，今天的分享就先到这里，我们下期再见，拜拜。

大家怎么配置一些 v s code 的 一些配置啊？ 好，这里注册一下文件， v s code 就 注册好， 嗯，我们第一个第一个要做的就是把这个 v s code 切换成中文，然后切换一下这个 v s code 的 背景，然后安装一个 c 语言的编辑环境。 好，我们开始第一步更换语言搜索，这里搜索一个 chinese 包， 点它下载，右下角会出现一个圈子单词来 which， 就是 更换语言并重启好更换语言，我们做到了，然后我们再换一个主题， 比如这里搜索 theme， 各种各样的 theme， 这里推荐安装一个这个图标 theme 和 have theme， 点击设置颜色主题，也可以选择其他的。这里的话我们也可以选择国内的搜索主题，搜索中文。 这个博主的主题非常的好看，我比较喜欢这种颜色，亮色一点的。 然后背景替换的话，我们使用 background 也是这个 图片的话，我们可以去 pinterest 上 pinterest 上找一张 过一下人机验证， 在 pinterest 网站上我们可以搜索一些比较喜欢看的一些图片啊之类的，看一下 这里的话，我就随便选一张。 这个游戏人生呢作为一个背景，就这一张 大小分辨率，原始分辨率比较比较小，我们可以使用另外一个网站 b 的 g b g， 通过这个网站把图片分类进行放大，我们顺便挑选一个我们觉得比较可爱一点的，就这个 点击下载，下载完后我们把文件拖进去，点击开始这里选择卡通照片， 等一会它就会把我们图片像素放大，待会我们稍微裁剪一下就行了。然后我们来讲一下这个东西怎么使用？ background， 点击 background 有 个插件，下面往下翻，这里是安装，然后搜索， 搜索好，这里是安装，点击这个插件，我刚才已经搜索了这个插件，然后配置这个文件的话，我们要去打开这个 setting， 就是 设置，点击设置文件啊，我点击设置搜索 background， 好， 这是拓展，里面有 background， 然后这里会有 setting， 各种各样的 setting， 点击 setting， 然后这里有各种样的 c o t， 像全局存储啊，历史啊，我们主要看这个背景工作器， 我们更换的话是更换这个全屏就行了，我们简单看一下， 我们把这下复制配置好， 这里是配置相关的文件，比如这个是配置全屏，我们点击 就设定里面有像这个大小啊，还有全屏啊，一些 render 啊， 这些编辑器啊，然后设置啊，我们这里再添加一个全屏。 好，我们点击一个全屏，这里就有相关的这些设置，就是图片的一些地址啊，刚才我们下的这个文件在这里，这里我们已经放大好了，可以看一眼， 我们把它换个方向， 点击保存一下，定存为这里。我把文件放在 放在 d 盘，然后新建一个 image image 文件夹，然后这里是 show， 你 说这个文件是在 d 盘， image image show 可以 右键复制文件地址， 这里有两个斜杠， windows 斜杠。好，我们点击更新并重启， 这样我们的一个图片就配置好了，一个简单又美观的 v s code 配置已经配置好了， 然后这个字体的话也可以进行一些自己的配置，然后我就就这样，也是非常的好看。像我们安装 c 云的边缘环境，我们在应用商店搜索 c， 找到这个 c 或者 c plus plus 的 前置插件，一些基础的插件 insert， 点击安装， 它会把我们这些比如 c a 语言的 c 加加， c 语言的一些 c made toys 啊，全部安装好， 然后这里会有三个， 就是 c 语言的一些运行时啊，这很方便我们进行运行的。一个， 我先不说这个，先打开一个文件夹，我们准备去配置环境，这里写一个 code， 新建一个文件夹，我是信任这个文件面点 c， 比如 include 域发行版，我们不用域发行版，标准版。好，这里给我编辑器给我报错了，说它没有 include 的 一个文件，没有吗？ print f， 现在我们无法直接运行，因为这里也没有。好，有一个按钮好，它检测到我们有 c 浪， 我们电脑已经安装到这个 v s code 的 二零二二， 点击运行二零二六，然后的话它成功调取到我们这个电脑已经有的 v s， 它就成功地调取到识别到我们的这个 v s c u 六这个二零二六这个版本， 所以这个配置就是非常简单的，因为我们精心把这个 c 语言的编辑器已经安装好了，所以就直接用，当然你也可以用第三方的一些编辑器，然后把添加一下地址就行了。因为我们之前已经安装过了，所以就非常简单，现在的话就是一些 一些比较常用的东西吧。这样 vsco 的 关于 c 云的环境配置就已经结束了，是不是很很简单，非常简单。

比特就业课编程环境问题大全共计一百家视频主讲人比特答疑团队现在开始上课，本期视频主要录制解决 vs code 的 连接云服务器是遇到硬链接哈德 link 的 问题，所以我们怎么解决？我们只要把加目录下的 vs code server 文件夹删掉，重新再连接就可以了。 比如说你像我们的叉线这里有个 vcs server 的 一个文件夹，你直接 r m 杠 r f 杠 r f 点 vcs server 删掉就可以了，重新连一下就可以连上了。那简单说一下这个原理是什么？当我们的 vcs server 连上你的云服务器以后，其实你的云服务器它是会建立一个 进程来维护这个连接的，这个进程就是点 vcs server， 你 看其实就是有这个进程存在的。而我们为什么删除点 vcs server 呢？之后再连又可以重新连上呢？原因很简单，这个点 vcs server 文件夹就是用来 维护这个连接的各种信息的。有可能是因为你上次啊，异常退出掉你的 v s code 的 以后，就导致你的云服务器没有及时删除掉上次 v s code 的 用来建立的连接的进程。所以这次你再发起连接的时候，就会导致多个 v s code 的 同时连接到同一台云服务器啊，就导致了硬件的问题。也就是说这个 问题也可以归结于一大类问题， v s code 的 连接不上云服务器的问题啊。现在我们来看一下第一点啊，就是你的 send o s 云服务器的 delete c 库， 猎豹 c 图太老了，可能会导致它建立不了 v s code 的 服务进程。第二个问题就是删除 windows 环境下 s s h 相关的配置文件这些啊，这个目录下的配置文件给它全删掉。第三个呢？删除这个 s s 文件夹， s s h 文件夹第四个，重置一下 v s code。 你再像这样去连，用 vsco 的 去黏你的云图像，基本上都能连上了。如果有同学还是连不上，你可以来找一下我，因为我这个方法基本上很少遇到没有解决过的。全民制作人们，大家好，我是练习时长两年半的个人练习生蔡徐坤，喜欢唱跳 rap， 篮球 music。

你肯定用过蓝色的 vs code， 嗯，但你未必用过绿色的 vs code， 它就是 vs code insiders。 vs code 的 抢先体验版，更是 vs code 的 超强增强版。 那 vs code insiders 到底比 vs code 强在哪里呢？一、自带终端智能提示，再也不用担心记不住命令了，简直不要太方便。二、自带 copilot agent， 可同时修改多个文件、整理项目结构、重构代码。三、 git stash 可识化了， 对于频繁切分枝、保存、临时改动的开发者来说，简直是值得提升。感兴趣的可以试试。关注我，了解更多最新资讯和实用技术。

如果你用 vsco， 却不会用这五个快捷键，你每天至少浪费三十分钟。第一， ctrl 加 d， 可一键选中下一个相同的内容，批量修改，超级快。第二， alt 加上或者下，整行代码直接上移下移，不用复制粘 贴。第三， alt 加点击在任意位置添加多个光标，可同时在不同位置编辑。 第四， ctrl 加 p， 快 速打开任意文件，输入文件名，一秒跳转，比鼠标找文件加快一万倍。 第五， ctrl 加 b， 可以 展开收起左侧侧边栏，特别适合小屏开发，能最大化边积蓄空间，学会这五个写代码，能快的不止一倍！

比特就业课编程环境问题大全共计一百家视频主讲人比特答疑团队现在开始上课。本次视频是给大家讲解一下，如果你 vs code 使用它的终端时，你输入指令，它会出现这行代码，那我们应该如何解决它呢？ 那我们开始讲一下我们的解决方案。那第一步其实应该是使用这行指令，你可以先按下打出来，这里面我就 ctrl c 过去了，然后点击回车，使用 web 工具去编写这个文件。那我们第二步就是在这个文件中添加这个指令， 我这里也依旧是 ctrl c。 在 使用 web 的 时候，你肯定是来到了这样的一个界面，然后你要切换成英文的输入法，点击小 i， 此时我们就可以去对这个文件进行编辑了，你要通过你的上下键去跳动，看你这个光标在哪里， 这里就点击回车，在最后行这里直接戳 b 就 能给你粘贴过去。此时我们是不是已经编辑完文件了，但是我们要保存，先按一下我们的键盘中的 esc 这个键，然后再输入 shift 加上分号，这个键此时被 shift 分 号，它仅仅是一个冒号，冒号之后我们再输入 w q 就 好了， 然后点击车，此时我们已经保存完这个文件了，但是配置需要重新生成一下，所以我们需要在命令行终端这里执行这条指令，或者 ctrl v， 然后点击回车，此时我们再使用什么 l s 就 不会出现找不到命令的错误了。那本次视频就到这里就结束了，谢谢大家观看 全民制作人们。大家好，我是练习时长两年半的个人练习生蔡徐坤，喜欢唱跳， rap， 篮球、 music。

从他到他需要几行代码吗？ 在这个视频中，我将跟大家一起编程，从零开始用 python 做坦克大战。没有编程基础的小伙伴建议先点赞收藏，从主页找一个感兴趣的怪项目来练习。 当然我们仅仅是复刻坦克大战的初步功能，难度不大，高年级的同学也可以直接大胆尝试，遇到问题多多思考。希望大家能够积极点赞和转发本视频，让更多的小伙伴一起来编程。话不多说，开始编程，打开 vs 扣了之后，找到我们上一次的代码。 在写代码之前，我们首先要去获取一下我们本机需要的一些素材，并且把它放到坦克大战的文件所在的文件夹里面。我已经提前下载好了坦克大战素材，我呢把它复制到我们这个文件 家里面来，能看到 vsco 的里面也显示出来了。有了这些素材我们才能完成今天的功能。这些素材呢分为三类，第一类呢是 audio， 也就是各种各样的音频。第二个呢是放的，里面是一些特殊的字体。 三个呢是 amy 姐姐，就是今天我们要用的它里面存放了各种各样的照片。我们首先呢来实现第一个功能，给我们的坦克加上皮肤。 我们先打开我们的照片的文件夹，去看一看他都有哪些皮肤，我们在 a 面积里面能看到里面有很多。我们到 mytak 里面是玩家的坦克的各种照片，里面有很多种类型。我们先看第一种，这个坦克照片呢，大家能看到跟我们之前的照片呢有一点区别， 他一个照片里面是不是放了好几个坦克呀，他的上下左右的方位呢，都已经放好了， 所以我们使用的时候呢，跟之前相比是有一点点区别的。我们使用的时候呢，先把整张照片加载进来，然后呢我们可以指定一下，比如说我希望用的照片是左上角开始宽度为四十八，高度为四十八的一小块，那这个呢，你就取出来了，比如说你想朝下， 你就取，哎，这个位置的坐标宽度是多少，高度是多少，这样就取出来这个照片了，我们用这种方式呢，用一张照片来实现坦克上下左右不同位置的造型，那我们先把它加载进来，加载进来的话，我们把它代码 优化一下，原来的这个 service 呢我们就不要了， soft image 呢，等于你加载进来的这个照片，我们先给它起个名字吧，分开，要不然太长了。加载一下照片，这个照片是什么呢？它是在我们 image 文件文件夹下面，为了之后方便打包， 我们直接用一个 austin pass 点 join image 文件夹下面的 my tank， 里面的文件名是 tank 下划线 t 一杠零点拼音机，名字不要拼错了啊。 加载进来之后呢，我们把它 conver 的转化成我们刚才用的那个 service， 这个 os 下面有一个波浪线，看到了吧？这个是说明我们没有把它导入进来， 我们要把 o s 这个模块导入进来。导入的这个照片呢有一些细节要处理，把他的照片处理一下， 这个音乐节呢，我们先直接叫 tank 吧，点 tank， 点 set 有一个 color key， 这个是什么意思呢？是说把这个照片里面白色部分呢设定成透明，这样的话呢，他看起来就在我们整个舞台上呢，更好看一些，不会有白边。我们按照刚才所说的，我把我的 因魅姐这个属性设定成什么呢？把它设定成刚才我取的这个 tank， 给它截取一小块 subsoves， 截取一小块，截取哪一块呢？从左上角零零开始，然后截取它的宽度是四十八，高度也是四十八。 这一块作为我的默认的照片，这个 feel green 呢，是不是就不需要了？把它删除掉，我们来运行一下代码，哎，发现呢，坦克已经出来了，对吧，但是呢，我往左边走和右边走，包括往下走，是不是这个坦克并没有旋转方向呀？这个呢，我们来优化一下。 同时呢，这个背景呢，我们给他设定成更具有战争氛围的黑色。标题呢，也给他修改一下。我们把标题在这个地方给他修改一下。 p y game， 点 display， 点 set caption， 忐忑大战这个舞台的宽度 度呢，也设定宽一点一千。背景颜色呢，我们也给他设定成黑色，更具有战争的感觉，本来可来自哪里呢？是不是上面你还要把它做一下设定啊，也就是设定一个常亮，跟这个外头呢，有点像，在下面再加一个， 这就是黑色了，我们待会呢，统一运行的去交验啊。接下来呢，我们去设定一下他不同的方向，那是不是在 update 这里啊，当你按下右一键的时候，不仅要改变他的位置，还要去改变一下他的照片。我们可以把这个复制一下， 因为这个探口呢，加载了所有的大的照片，我们只需要在他按下右键的时候呢，去截取一下不同的部位，是不是就可以了？我把这个写一下，大家可以参考一下我的这个代码，我们复制一下左也设定一下上，刚才我们设定过了，对吧？可以直接复制，还有下最后一个 来运行一下，默认是朝下的，教我们改一下默认的朝向啊，往上没有转过来，我们看看为什么这个要写进去，再来一遍，往上往左，往右，往下，哎，是不是就已经实现了 不同的造型了，同时背景颜色和标题大小呢都已经做了调整。接下来呢，我们来添加射击的功能， 当我按下空格键的时候呢，我希望能够出现一个子弹往前去不断的行进，那实现这个功能呢？首先我们得有一个子弹的对象，对不对？我们在这个地方定一个 class bullet 子弹的意思，跟刚才的玩家一样， sprite 点 right， 有 默认的初始化的方法，把它简化一下，他都有什么样的属性呢？首先也要有一个皮肤，对不对？这个子弹呢？ 皮肤我们来看一看，打开文件夹，我们找一找有一个 bullet 子弹的造型，发现这一次呢，我们把这个四个不同方向的呢做成了四张照片，跟刚才的 子弹呢是不同的照片，那对应的我们写程序的方法呢，也要去变化一下，我们在这个地方，首先把他们四个方向的照片呢全给他存起来，用一个 blix 存到一个列表里面去，对吧？ 列表里面是 image wallet wallet up 点拼音机，我们用同样的方法，把其他三个方向呢也给它加载进来。 down， left， right， 好，初始化的时候呢，我们是不是要确定一下这个子弹的位置呀？这个是跟玩家不一样的，因为玩家一开始初始化的位置是固定的，但是子弹呢，是要根据你的坦克走到 到什么位置了，这个子弹呢才应该出现在哪里，并且跟方向有关系。所以呢，他的初始化的时候呢，是需要添加一些参数的， x 坐标， y 坐标和方向 direction， 这三个呢是需要传给子弹这个角色他才能生成的。 传进来之后我们怎么用呢？在属性这个地方就可以设定一下了， direction 等于传进来的 direction， 这时候呢，我们判断一下， 如果他的 direction 方向是丧的话，我们怎么办呢？是不是把他的具体的照片就可以加载出来了？稍微放大一点 就等于 py game， 点 image， 点 load， 刚才我玻璃此里面存了好几个，如果上的话呢，就是列表里面第一个，这样就把它加载出来了。同样的方法，我们把下左右 他的照片呢也给他加载进来，荡取的是第一个 left， 所以是二， right， 所以是三，跟玩家呢也一样，这时候呢，你就要指定一下他的 image 了，就等于我这个地方的， 并且呢跟子弹一样，去设定一下，把里面的白色呢设定成透明，然后呢，他的定位这个地方，关键来了，这个子弹他应该在什么位置呢？首先找到 它的围绕的长方形， get 这个长方形的 x 坐标就等于我传进来的 x 坐标。 so 点长方形的 y 坐标就等于传进来的 y 坐标，它的 移动速度设定一下，不需要符号啊，十就可以，也需要给他设定一个更新的函数， 不断去调整他的位置，他的位置呢，当然也是跟他的方向有关系的，如果他的方向等以上，那他的坐标也就是 y 坐标跟上面一样减等于他的是 b 的，跟我们的玩家到按下上一键，他减速度是一样的， 同样的方法，我们把下左右一起给他做了 down 就是加等于他的 speed， 如果 left 的话，就是他的 x 坐标减等于他的 speed， 如果是 right 的话， x 坐标加等于他的 speed。 边缘如果碰到了我们舞台的边缘，也要特殊处理一下，如果他的下边缘大于了我们的高度，我们就让他 q， 那就是消失就可以了。那对于其他的 几个也是类似的，如果他的左边小于了零，超过了边缘把自己消失掉，如果他的右边大于了 宽度也是消失，上面呢？还有一个朝上的上边缘，如果他的 top 小雨零也是把自己 q 掉，那什么时候生成这个子弹呢？我们就需要在这个主程序里面去监控一下你有没有按下空格，所以我们在这个衣服的基础之上呢，再加一个 elef elseeve 的缩写 elseef。 如果又发生了一个事情，它的 type 呢等于 p i game 点 k 档按下了某一个按键，我去进行这里面的，当然这个按键呢有很多种，如果这个按键恰好又等于空格，这时候呢我就要去调用一下我 玩家的 shoot， 也就是射击功能了。那玩家现在有没有射击功能呢？还没有，我们需要给他定义一个 shoot 的功能，我们到玩家这个地方来，这是 update， 下面加一个 define shoot 这个 shooter 的第一件事肯定是要去生成一个子弹，对不对？我们需要生成一个子弹，去调用一下 bullet， 需要传递三个信息，一个是他目前所在的 x 坐标，他目前所在的 y 坐标，对吧？ 当然还有他目前所面对的方向，那我们是不是并没有记录这个玩家的方向啊？所以这个地方呢，还得做一个增强，我们再给玩家呢，也增加一个属性，去记录一下他自己的朝向，默认的是朝上的，然后如果 按下了对应的按键，我们就给他修改一下，比如按下了右一键，就把它改成 right， 如果按下了左一键改成 left， 按下了上一键改成 up， 按下了下一键改成 down， 有了这个 direction， 这个地方才能生成正确的朝向的子弹，对吧？ 有了这个子弹的角色，不要忘了把它加到 all sprites 组合里面去，把这个 bullet 添加进来，现在我们来测验一下， 走你弹出来了，上下左右没问题，按空格按下之后没有反应，我们来检查检查为什么关掉。我们来看一看程序 shoot 方法，生成子弹添加进来，这都没问题。哪个地方调用的 shoot 呢？是在我们主程序里面调用了 shoot， 如果他有一个按键的事情，并且他的按键是 space 的话，这个地方是 你问他点 k， 上面已经知道了是按键事件了，这个地方是确定一下到底是按下的哪个键，也就是哪个 k， 如果是 space 的话，他调用 shoot， 我们再运行一下，走你。哎，没问题没问题， 朝着不同的方向他都能够射出子弹，并且子弹碰见边缘之后就消失了。好的，那这一集的视频就先到这里了，有了这些基础，下一集我们就来实现敌方坦克的功能。如果你有什么问题或者好的建议的话，欢迎在评论区里留言，记得点赞收藏，拜拜，下期见！

大家好，马上二零二六年了，提前祝大家二零二六新年快乐。二零二五年的最后一单 给大家带来的是一个好玩的项目，使用 vs code 的 进行数据分析。首先呢，我们要准备处理数据，需要把数据处理成 vs code 的 能够识别的格式， excel 的 格式， vs code 的 识别不了，我们只能把它转化成 csv 格式。好，我们打开一个 excel 文件，另存为， 找到我们要保存的文件夹，然后在保存类型这里选择 csv， 保存好，把它关掉。然后我们打开 vs code， 来到 train 的 提示框，大家先看一下下面的提示，艾特是选择一个智能体并开始对话，井号是选择并添加上下文，我们点击一下这个井号， 在出来的菜单里选 fill， 然后我们就要选择刚才的那个文件阅读数据点 csv， 然后我们就可以开始输入提示词了。提示词，我们输入使用这个文件的数据， 创建一个 html 的 展示和分析页面，然后我们输入要求，要求以表格和 图标的形式进行充分的展示和分析。我们还需要定义一下图标的组建图标，使用 a 叉尺，这个 a 叉尺它是什么呢？它是百度开源的数据可识化库，现在呢已经贡献给阿帕奇了，强烈推荐大家在展示数据的时候使用这个库， 它的拼写是， e， c， h， a， r， t， s， 大家记一下，不要写错了，提示词就先写这些，我们点击发送。 好的，已经生成完了，我们来看看文件里有没有啊，没有没有，还需要点击一下，这个同意不恰当。好，我们在这里显示预览它拉过来看看是什么情况 出来了，为什么没有表格呢？ 我看一下是什么错误啊，表格在这里啊，这里有趋势详细的表格数据，加上它的分析，分析与洞察，然后阅读趋势变化。 好，分类分析，这里是现状图，对比分析，柱状图，嗯，一个简单的分析，也就是这些功能吧。 好，当然呢，这是一个比较偷懒的办法， 如果我们要经常性的对数据进行分析，这个方法是有点麻烦的，我们应该使用正规的方法，使用 python pandas 和 matplotlab 这两个库来对数据进行分析。大家要看清楚这两个库的拼写啊， pandas 就是 中文熊猫的复数， 这个是 python 数据分析库，做数据分析的一定要学这个库。 matplotlab 这个是专门用来生成图标的库，我们还是在这个框里使用井号来引用这个数据， 然后我们要输入提示词，请使用 python pandas 库来分析这个文件，并且使用 mat a lot lab 来生成对应的图标。当然你可以在这里特别的要求生成某方面的数据，我只是给大家演示，就不要输入太多了。好，点击开始。 好，这个也已经生成了，我们来看一下，还是需要同意一下，点击 这个，同意这个也同意。好，全部采纳，就生成了这两个 python 文件。阅读数据分析，右键运行， python 在 终端运行。 看，已经分析完了，它的这个数据分析就报告，就没有那个 html 的 表现力那么丰富了，只是简单的出了一些文字 啊，还有异常检测，总体趋势分析，相关性分析，然后生成了这些，生成了四个表格文件，一二三四个文件，来看看这些文件文件在哪？这类比对比图， 热力图，流动性分析，还有总体趋势， 这些我就不懂了。好的，今天就给大家介绍数据分析的这两种方法。祝大家在二零二六年新年快乐，在新的一年里大家都能更上一层楼。谢谢大家，我们二零二六再见。

上一期视频我们在 linux 操作系统无斑图里面编写了 typescrap 的第一个程序，按照惯例的话，我们输出了 hollow water， 那么那个代码是比较简单的，今天我们来做一个稍微复杂一点的计算，一加二加三，一直加到十的和好，我们打开那个 t project， 我们在空白处点鼠标右键选择新进文件夹，文件夹的名字我们叫做 sam。 好，文件夹穿进成功以后，我们进到文件夹里面来，然后我们在空白处点鼠标右键，选择在中端打开。好，我们用 vs code 来打开我们的文件夹，我们在命令行输入括的空格点，好，敲回车， 好， vs， 或者打开了这里的话，我们选择是，那么我们的 t s 文件是不能那个单独执行的，我们要把 t s 文件编译成那个 t s 文 文件，那么我们要在那个 html 里面来进行调用，首先的话，我们要先要创建一个 html 文件。好，我们在自行管理器上面点鼠标右键选择新建文件，文件名的话，我们叫做 index 点 html。 好， h m 码文件创建成功了，那么我们快速把那个 h m 码的那个结构给它输出来，我们先输入一个感叹号， 然后我们敲那个回车，好，那他整一个简单的结构就已经输出了。接下来的话，我们把我们的那个呃 gs 文件给他引进来，就是通过那个 ts 兵役出来的 gs， 那么我们在波碟里面来引入，也是用那个 scrap 标签， 然后给一个类型等于 text 加挖 script。 好，我们设置一下路径，路径的话是在当前目录下面，我们叫做萨姆点 gs， 这个 gs 文件的话 通过我们的 ts 编译来的，那么这里的话我们就不用管它，我们把 scrap 的标签结尾一下，豪迈， ctrl s 保存一下，接下来的话我们来创建我们的 ts 文件，我们在自行管理器上面点鼠标右键选择新建文件，文件名的话，我们叫做萨姆点 ts。 好，我们的 t s 引码文件创建成功了，首先的话我们来定义那个累加和的变量，并复一个粗值 light some， 我们把它定义成那个数字类型的 number 等于零好了，并且循环填 four， 我们把那个循环变量也是定义成那个数字型的。 let i remember 等于一 i 小于等于十 i 加加，豪迈继承累加和 sam 等 e 萨姆加 i。 好，行为你拼写完了，接下来的话，我们输出那一个雷家河的结果，输出雷家河的结果的话，我们用的是康索来输出康索 l g some 等于萨姆。 好了，到这里的话，我们的那个 t s 的代码就已经写完了，我们按 ctrl s 保存一下。代码保存以后，我们点一下左下角这里，把中端调出来，然后点一下中端，这里 变异。 ts 代码的话有两种方式，一种是手动的方式，一种的话是通过那个自动的方式来进行变异，那么我们这里代码比较少的话，我们用手动方式来进行变异就行了。变异的话我们用的是 tsc 来进行变异 tsc， 然后萨姆点 t s。 好，我们敲回车。好，那么已经编译完成了，编译完成以后，我们看这里多了一个萨姆点 g s 是自动生成的，我们看一下这个代码，好，现在我们回到那一个 h t m 文件来，然后我们在空白处点鼠标右键选择 open 位置 leave sever。 好，浏览器打开了，我们在空白处点鼠标右键选择警察，好，我们看一下控制台这里，那么我们的 sam 等于五十五，那么结果是正确的了。我们回来看一下代码 航 ps 的文件里面爆了一个错误，这里飘红了，那么这个是因为那个萨摩顶 gs 里面也有一个萨摩，那么这里我把它关掉。 好，那么他这里这个呃错误就已经取消了，那么 vs pro 的话会把我们两个文件里面的这一个当成是同一个，那个呃定义了，那么他就会把那个呃错误给他提示出来，那么这里的话我把那个 gs 给他关闭就可以了， 那么这就是我们要注意的一点，那么现在我们来看一下代码，首先第一行的话，我们是定义那个累加和的变量变负了一个粗值，然后这里的话，我们是那个通过循环体来计算累加和，然后这里的话我们用空锁来输出我们的萨姆， 那么这个就在 linux 操作系统副班图里面用 vs code 并写 typescraft 的代码来计算一加二加三，一直加到十的和，那么整一个代码是比较简单的。

今天分享一个我做的 vs code 插件，它叫 filetext， 它的图标是一个带有蓝色闪电的小标签。当你接手一个大型项目的时候，这个代码非常复杂， 一个功能要串起来，你要理解它的代码是怎么运行的，你就需要来回跳来跳去看好几个文件，非常麻烦。还有一个情况就是你有一个几千几万行的超长大史山代码文件，然后你要梳理一下它的功能， 你就需要在这个文件夹里面跳来跳去。跟跳迷宫一样，对你进行 code review 的 leader 和 deadline 都不允许你重构，并且重构之后出了问题就成了你的责任了。 所以这个插件可以帮你把这些跳来跳去的代码给它打上标签，然后你就只需要把这些标签梳理成有顺序 逻辑清晰的样子，然后在面板里快速点击就能跳转了。甚至它还可以和 photograph 这个无限大的二维平面联动起来，点击节点就能立刻触发 vs code 的 软件窗口里面的代码跳转。 接下来我们说一下它的用法，下载好了之后，左边的侧边栏里就有了一个标签图标，点击它就能够展开一个侧边栏，然后我们就可以选中一块小代码片段，然后点击右键找到 fill tag， 然后点添加， 然后左边的面板里就可以看到我们添加的片段了，哎，这些片段是一条一条的，然后你点击这一条就能直接触发对应的跳转。这四种颜色分别代表了 三种引用和一种注视，这些条都是可以上下拖出来改变顺序的。添加代码片段的引用有三种模式，第一种是文件路径加代码片段。第二种是纯文件，没有代码片段。第三种是纯代码片段没有文件。为什么要区分这三种模式呢？ 因为以搜索为基础的跳转其实并不是非常稳定的，因为你的文件名可能以后被别人改名了，你的变量名以后可能又会被别人改了，你可以评估一下哪个情况更不容易发生，进而选择对应的引用方式。 u r l 跳转后来我逐渐发现，与其说费劲八叉的做一个插件内部的页面，不如说把这个页面整个操作放在独立软件里，然后让软件内部触发一个 vs code 的 协议链接，进而触发 vs code 的 里面的跳转。 于是我定义了一个 vs code 的 url 协议格式。有两个参数，一个是文件路径，一个是代码片段。代码片段很好理解，就是直接是代码里面的那一个片段内容。文件路径就比较有讲究了，这里面可以是一个文件的名称，不带任何路径， 也可以是一个绝对路径，也可以是一个相对工作区的一个相对路径，也可以是非常短的，只有一层文件夹的一层路径。 只要你确保你这个路径能够对应到唯一的文件，那就可以。比如你的项目里面有很多 index 点 ts 叉文件，所以你不能直接用这个 文件名作为定位，你需要向上找一层，找到他的负极文件夹，把这个负极文件夹也写进来，这样就能确保对应唯一的文件了。 为什么我不推荐你把完整的路径都写下来？因为你写的路径越长，他就越容易在重构的时候被拨及到，进而导致你的链接失效了。 这个 u r l 链接你其实可以直接输入到浏览器里面一回车，然后直接触发一个跳转操作，就能够唤起 vs code， 然后这个 vs code 里面的插件就能够拿到你的链接进行解析，然后进而触发 vs code 的 这个跳转了。 又因为它是一个 u r l 链接，所以它可以放在 project graph 里面直接粘贴成一个文本节点，或者是 u r l 节点。 粘贴成的 u 二幺节点就需要双击一下下面的部分，就能触发跳转。双击上面的部分是改名字，如果粘贴成文本节点，那么用中键双击一下，他也能触发跳转，或者按 ctrl e 也能触发跳转。 如果你觉得这个文本节点名字太长了，不太美观，可以按五次字母 e 把它押入到详细信息里面，然后再编辑一下这个节点的内容，起一个别名。这样中键双击或者 ctrl e 跳转的时候，它就能优先识别详细信息里面的第一行 u r r， 进而触发跳转了。 于是你就可以整理整个功能结构为一个流程图，进而梳理清楚这个结构了。其实我还偷偷给大伙提供了一个快捷键，它是 ctrl shift alt c， 会以文件名加代码片段的方式作为链接复制到你的粘贴版里。这些快捷键都是可以在 vs code 的 设置页面里面进行自定义更改的。 咱们就是说，虽然各种 agent search 也能帮我们查找代码，找到具体的代码位置，但是他经不起你折腾，你不可能每次稍微改一下代码，就让他重新跑一下功能，找一下对应的位置，甚至说你的代码太离谱了， 他应该都有可能看漏了。有些时候还真的是需要你亲力亲为的去理解这个代码的结构，然后做一些他上面的修改。好，我们看代码本身这个事。既然上一任 把这么大一坨屎山给你，让你深受其困扰，那么你可以在这个屎山上面继续拉大屎叠小屎，小屎叠大屎， 反正你保证自己梳理好的标签是清爽的就可以，然后故意恶心后面接手的人，你反而能在石山里面游刃有余的行走，那你的效率比别人高， 多出来的时间就可以做自己更有价值的事情了。当然，如果你乐于助人，你可以把一连串可式化的跳转逻辑发给他，让他在石山里面也游刃有余的行走。好，这就是这一期的视频，感谢大家观看。

这个网站竟然支持用户上传 html 文件和 gs 文件，并且能够在线运行。 今天看的是文汇百川万博 s， 它支持多种文件类型，包括 html 和 gs 等，而且能够在线编辑和运行， 这是一个开动好的 web s， 大家可以打开 demo， 点 find 三三三扫码进来看一下，我们也可以看下文件库，点开始文件库，在这里面找了一个例子哈，就是这个，这个就这个 html 文件叫观察组合成方体，我们既可以在线编辑， 也可以通过上传的方式把它传上来，在这里面已经有了我直接编辑，就像 vs code 一 样去编辑这个文件，当然我们可以借助 ai 去生成这样代码，然后放进来， 下面还有几个 js 文件，表示什么呢？就是这个 html， 引用了这些 js， 看下效果，我们右键可以打开，当然也可以在宣传会打开，打开的时候大家观察一下，它是一个文件 id， 并不是这一个文件名， 所以说我们文件名可以随便写，用单行乱码。在这里面它引用了 g s， 我 们可以看一下调试，我们看一下调试平台，刷新一下，可以看到就是一百七十八，引用了一百七十九，一百八十，一百八十一， 这里面就有这三个文件，而且官方提供了 c d n， 在 c d n 上已经有众多开源的 js 库了，大家可以打开看一下，还有的话呢，我们可以联系管理员，把这些库传上去，然后就可以直接用了。 支持 html js 有 什么好处呢？就是我们可以做很多种样式，包括这种教学的 刻件，也可以制作更多的效果。在官网有一个作品集，我们可以上演一下，这里面可以看到啊，它支持 atl、 四 s， v， g 抓 i， o， external 等很多种文件类型，这里面只是写了一些像 g s 没有刻画效果的，就没有列进来。 这一个是一个作品集合，特别来讲也是一个 hr 文件，然后通过引入 js 文件实现了这些数据的展示和渲染，包括这一个过滤器，还有上面数据都是一个 js 文件， 相信有了 hr 和 gs 以后，我们可以通过 ybox 制作很多种。最后看一下这个地址， 这个是 facebook， 这是一个内部地址，它一个外部地址，如果购买的是公开版的话，我们可以在文件库里面右键看一下它的一个公开地址， 就打开公网地址，这个地址的话不需要登录就可以直接看了，而这个地址需要登录才可以看。 更重要的是，每个文件只要用户访问了，我们可以清晰地看到它的访问历史记录，包括了内部的记录以及外部的记录， 使用者能够看到自己的页面是不是被人访问过以及访问的情况。最后欢迎大家关注我，在 ai 时代一起学习更多知识。

hello， 大家好，我是邵阳，今天给大家讲一下如何零成本部署博客网站，薅一下 cloudfly 的 羊毛。所有步骤已经做成文档，在博客和公众号同步更新，网址放在简介和评论区，有需要的自取， 你不需要懂任何代码，跟着步骤一步步来，小白完全可以上线属于自己的个人泊客网站，跟着仓库写的秘密操作。也可以 新建一个文件夹，用 vs code 打开，没有的自行下载。 这里有个面板图标，点击输入代码， 定位文件夹 cd 套，然后在 get 套网站上新建一个仓库， 点击这个加选择 new repository， 在 repository name 这里填写仓库名称，点击下面的 create repository， 这里需要知道以下几个代码，按需输入就行了，一般只需要输入二和三。 如果你是直接 fork 仓库，然后下载自己的仓库就简单多了。 fork 仓库之后， 在自己的仓库里面点击 code， 复制这行命令到 vscode 的 下面，输入这行代码就会自动下载仓库。前面这些步骤可以省掉，直接下一步我是不能 fork 自己的仓库，只能这么操作，下载依 赖 本地预览，输入 p n p m run 上面这个深层缩影我自己使用下来的，感觉不用这个命令也可以，而且你的文章多了以后，这个命令的运行时间会比较长。 根据自己的情况修改 ko config vm 里面的设置，你可以一边修改一边查看效果。 如果想上传文章，在 s r c content 编辑夹里自己创建 md 文件， 要注意这里的 emoji 区要求。修改文件之后， vsco 的 左侧边栏这里有个原代码管理图标，你点击一下就会显示详情， 什么文件做出了什么修改都会详细记录。上面这里有个框，随便输点东西，然后点击提交。 刚刚只是在本地运行，把内容推送到 kiteup 仓库，现在就是把 kiteup 仓库的这些内容上传到网上，让别人也能访问。 打开 cloudfeed 网上左侧边栏，找到 compute a l workers the pages， 点击右上角的 created application， 选择下面的 get started， 继续选择 get started， 第一次会有一个链接 get up 的 操作，按照提示操作就可以了。 操作完之后，选择你要部署的仓库，点击下面的 begin setup project name， 这里填写名称，这个名称和 cloud file 给你的域名是相对应的，按自己的喜好来填写就行了。 free mock present， 这里选 app， 下面这些不用管，它会自动填写。最后点击 save and deploy。 等一会儿你的个人博客网站就上线了。 如果你也对中国文化感兴趣，欢迎关注我的另一个公众号，邵阳手机 ok， 这就是这期视频的所有内容，希望对你有所帮助。我是邵阳，我们下期再见，拜了个拜！

大家好，我是学金融师的柚子，今天和大家分享一下如何使用 vs code 开发 stm 三二，从安装软件，创建工程，调试程序，最后如何添加自己定义的文件，然后进行程序翻译。 呃，这是我转行金融师的学会的第一个技能，然后希望我走过的弯路，嗯，大家可以不用走了，然后小白也能够轻松上手。 嗯，这是需要安装的几个软件，然后第一个 c max 是 一个跨屏的开发工具，然后这个酷比 max 就 不用介绍了，但是，呃，大家注意一下，需要安装六点一零以上的一个版本， 因为之前的版本是不能够进行 vsco 的 开发的。这是 t m 三二的一个呃，程序翻译的一个工具，然后这不用介绍了。然后这几个软件的安装我就不向大家演示了，网上有很多教程，然后不懂的可以想在网上去搜一下， 然后后面如果大家有需要的话，我可以把这几个软件嗯，链接的方式贴在评论区。我这里已经安装好了 westcode， 然后打开软件，我们可以先安装一个中文的一个插件， 安装好了需要重启一下，然后开始安装我们开发过程中需要的插件，第一个是 cmake， 然后第二个是 sti m 三二的 ide。 呃，大家注意一下，就是是这个插件安装一下 好了，可以看到我们这边已经安装成功了，我们开发过程中所需要的就这两个插件就可以了。然后接下来我们就开始呃创建我们的 sti m 三二的一个工程， 打开我们的 q b max 的 一个软件，我这里用到的片是 stm 三二 f 幺零三 z e t 六， 好，我们现在来进行一个简单的一个配置， 这些都选上吧，这是调试接口，我们加一个呃，创口打印的一个吧，呃，这个感受更直观一些。 配置时钟数好，这里我们选择 工程的名字，我取名 vsco， 然后选择文件夹，然后在这里我们之前用的 qq 软件是选择 mdk 的 这个，然后我们用 vsco 的 开发的话，要选择 cmake， 如果你用的那个 酷比 max 的 软件版本过低的话，它是没有这个选项的，所以我们要用更新一下这个软件，然后这里可以看自己的习惯的一个配置，然后生成工程。 好，这里我们可以关闭它，然后打开我们的 vsco， 找到我们工程的一个文件夹，在桌面上 test 好， 打开， 然后这就是我们生成的一个工程，我们选择 debug， debug 是 可以调试的，然后 release 是 不可以调试的，我们选择 debug， 我们选择这个 stm 三二的一个 ide， 点它，然后点这 set up 这一个选项，打开， 在这里输入我们 stm 三二的芯片的一个型号。 f 幺零三 v z e t 六，好，选择，选择 save and close， 然后点击这个运行和调试，点击这个创建浪起点接收。 我这里用到的调试器是 st link， 大家根据自己的需求选择 这自动生成，生成之后保存一下就可以了，关掉， 然后我们现在这个工程的结构就已经完成了，然后插上调试器，可以看到这里我已经识别到了我的 s t link， 然后这里选择生成，就是翻译 好，这里已经翻译成功了，然后我们再点击这个运行调试，这里， 这里已经开始运行了，然后这个是呃一直运行，这个是单步调试啊啊，这是逐过程调试，这是单步调试，我们可以写一个代码来测试一下， 我们快速来写一个，嗯，代码来验证一下，我们使用 print for。 呃，大家写代码可以在插件里面选一个呃， ai 插件，然后写代码是非常的方便的，然后这里 print， 嗯，它这里自动就给我生成出来，直接按 tab， 然后 print， 又加一个头文件， 加一下这个投文件，然后从定向之前 k o 用的那个函数，在这里面好像用不了，评论区有没有大佬可以解释一下？然后这个 ai 就 自动帮我们生成的，我们按一下 table， 它就有了，然后我们多加几条， 好，我们重新生成运行。然后我们现在可以打开一个窗口调试助手， 然后看到可以看到这里，呃，逐步调试，这里一边已经有打印了，说明我们这个工程是成功的。 那我们如何添加自定义的一个文件到工程中去呢？首先我们在这里添加一个文件加取名为 test 吧， 然后在里面添加两个文件，第一个为 test 点 c， 第二个为 test 点 h 文件。我们先写一下必要的代码 好了，我们创建好了我们一个自己定义的一个代码文件。然后我们如何添加到工程里面去呢？首先我们在这个 cmake 文件夹下面，这里有一个 stm 三二 qp max 的 一个文件夹， 然后它这里定义的是它现有的一个呃头文件和一个点 c 文件，这个是 max 软件自动生成的。然后如果我们在这里添加了，如果你重新去配置那个代码工程的话，它会把你定义好的，就添加好的一个代码， 所以我们不能在这里 cmake 文件下新建一个 user 文件夹， 然后也去创建一个。嗯， cmake 的 一个 tsd 文件 创建好了之后，我们需要添加一些内容。首先看这里，这里是它的一个头文件的路径，我们直接复制过来，把它的路径都删除掉。 那我们现在是在 test 的 下面的 test 点 h 文件，我们改一下， 然后我们再看这个点 c 文件，复制过来，然后把它原来的删除掉，改成我们自己的 test， 然后这里是 test 点 c。 如果你呃每添加一个点 c 文件，或者是每添加一个文件夹，都要在这里去添加它才能识别到。 我还有两行代码在这里呃， target source， 然后这这一行也需要哦，复制过来。还有一个就是呃投文件的这个这一行代码 创建了这个文件，然后怎么去链接到这一个文件呢？然后在我们工程的根目录下面也有一个 static list， 点 t， s， d 这个文件，我们需要在， 我们需要在这里添加一行代码 a， d， d 这个目录，然后指定我们的 user 目录好，这样就可以了。这里添加了路径之后，我们回到默认数，然后这里呃添加 text 的 头文件，然后我们 来执行一下这个函数，好，自动生成。好，编一下。好，编一成功，我运行代码 好，这里代码已经开始运行了，我们打开创口调试助手，我们开始运行代码测试 hundred， 然后运行到这个代码里面，我们可以呃单步调试，然后进去看一下。好，这里也是正常打印的， 然后说明我们自定义的这个 text 的 文件，然后是可以正常在代码工程里面进行翻译的。然后还有最后有一个问题，就是如果我们的代码工程，比如说， 呃做改编的路径，或者是要发给别人的时候再重新翻译，呃，是翻译不过的，我们需要 把这个 build 目录下的第八个这个文件夹删除掉，然后再重新编辑， 这样就可以了，然后这次的分享到此结束。

比特就业课编程环境问题大全共计一百家视频主讲人比特答疑团队现在开始上课，本期视频给大家带来 vs code 文件乱码的问题，那第二部分如何解决？ 那我们只需要找到选择编码，我们选择第一个，通过编码重新打开，我们选择 g b， 我 们在上面随便选择一个，我们就选择一个 g b k， 那对应的一个乱码它就变成了一个正常的一个中文了。第三部分原理的一个讲述，首先就是中文常用的编码，它其实包括的是 g b 系列和 unicorn 的 系列的， 那 g b 的 系列都有什么？我们可以再我们搜一下 g b g b 的 系列，它其实常用的就是 g b k、 g b 幺八零三零和 g b 二三幺二。 还有一个系列就是 unico 的 系列，那 unico 的 系列它常用的是什么？我们可以看一下，其实 unico 的 常用的系列就是 u t f 杠八、 u t f 杠十六。我们现在的乱码的原因是什么？其实本质上是数据存放到磁盘的时候用到的编码，和 vs code 显示的时候用到的编码，它是不一样的。 那如果大家这里原本显示的就是 g b k 或者 g b 系列的一个编码，大家看到的还是乱码的话，那我们只需要把它改成 ut f 杠八或者 ut f 杠十六，这样就可以解决大家的一个问题了。最后大家如果这里没有选择编码，那我们应该怎么做？大家可以按 ctrl shift 加 p 输入更改文件编码，就可以找到这个界面了，那我们找到这个界面之后，就跟之前的操作是一模一样的了， 全民制作。人们，大家好，我是练习时长两年半的个人练习生蔡徐坤，喜欢唱跳 rap、 篮球 music。

上一期呢，给大家演示了用 id 二启动我们的项目后端，我们这一期来用 vs code 启动我们的网站管理端，也叫前端， 如果大家觉得 vs code 不好用，我们想用其他的编辑器也是可以的，比如我们用 h builder， 它也可以用来写前端，只要看个人喜好了， vs code 会用的会更多一点。 在这个 vs code 里面呢，我们点击这个第一个文件，然后打开这个文件夹，这个是打开文件夹的意思，我们点击打开，在这里我们找到我们项目解压的路径，就这里我们就解压到这里之后，我们就复制 在这里粘贴选择，我们这个 manage 就是 我们的管理端，管理端代码点这个选择文件夹，选择之后呢，它就会有一个弹出一个是否信任这个开发者，我们点对勾，然后点这个 yes， 就是 我信任 它，不管是什么代码，它都会有一个这么一个提问的。打开之后呢，我们就可以看到这个代码整个目录了，在这个目录里面可以看到这些信息。 呃，给大家说一下大概的代码的目录结构。呃，像这个第一个呢是一个生成包，就是它生成这个 就是执行我们的 build 命令啊，他可以打包把那个数据打包到这里，这个是一个部署包的文件夹目录不需要管 啊，后续如果需要部署的话，可以用关心一下这个 diss 的 打包。而这个呢是公共的一个文件夹，就是放一些公共 js 的 一个经典图标，就放在这里啊，一般代码生成它就会有了， 这个 s r c 呢是我们的主文件夹，就是放我们的一个源代码，还有一些常规的一些，比如图片，还有 jason 啊，还有路由等等这些关键的一个代码路径。 剩下这两个呢，这是都是生成的相关的配置文件，比如我们最常用的像这个，它这个目录的那个 地位呢，就相当于我们这个 java 的 泡沫文件，他们把 java 包的一个下载信息写到这里面， 嗯，在我们启动项目的时候，它会自动下载，同理呢这个 package 里面呢，也是放着一些需要的组建信息跟它的版本号，然后我们在执行呃我们的安装命令的时候呢，它就会跟着安装。 呃，这个是我们的公共配置软件，就是需要我们比如有一些呃启动的代理，或者是我们 启动模式还指定端口整还有等等信息，还有我们是否要用这个呃两个反斜杠这样来书写，都可以在这里进行配置。 这是我们两个重要的配置文件啊，这个里面呢就是我们常用的一个，比如这个是公共组建，是吧？像一些 图片啊，可以放到这里面公共元素，像这个是组建类的组建类，比如我们在哪里用到了一些公共模块，可以放到这里面被其他的模块去调用。 这个是路由文件夹，就是我们项目中出现的一些页面呢，都需要在这里面去注册到，只有注册到之后呢，我们在这个项目跳转的时候，能够比较平滑的跳转。 这个是一个关于配置文件公共的一个 js 类啊，这是公共的类使用类，这个呢是我们写页面的文件，就是 views， 我 们的页面是什么样子的呢？它就会在这里进行展示， 比如这个我们打开任何用户的啊，这个用用户是这个啊，这 user 呢，是管理员的，这两个结构大同小异，就是这个里面代码写什么样式的文字呢？它就会在前端去展示什么样的一个代码， 然后我们来执行一下这个命令，就是来安装一下这个里面说的一些包，所以我们在这里执行。哎，怎么说？呃，安装命令 这个会下载一段的时间，下载好之后呢，它就可以进行启动了， 不过我这个是用的是 note 的 二十二版本啊，可能版本会高啊，如果高的话我们会切换一下版本，就是我们把这个卸掉，卸载掉，我们来启动 note 十四版本，或者我们直接解压一个适合的包也可以， 这样就不需要我们这样下载了，下载需要一点时间，因为它会涉及一个兼容的问题， 这个下载我们就不等待了，那要下载很很久，大概有个一分钟到五分钟左右吧。 嗯，这样就是一个前端的一个启动过程，大家可以通过这个方法来启动前端。在后面的教程里面呢，我们也跟着大家，带着大家来一起启动一下， 就是在我们这三期的一个启动运行教程结束之后呢，我们来整体的带大家来运行一下项目，就是后端前端一起来运行 哦，这边是下载好了，好就不带大家去运行了，我们来看一看下一期。