粉丝1371获赞8412

小伙伴们大家好,今天主要给大家分享的是 vs 扣的里面的常用的快捷键,本次分享主要是针对嗯,新手前端啊。 然后我们来看一下,首先第一个就是代码注释,也就是快件,就是康克加斜杠,我们来演示一下, 比如说我这一行,我需要注视就加 ctrl 加斜杠就可以了,如果注视多行,我们就把多行让他选中,然后一样的 ctrl 加斜杠就可以了,这就是注视这一块,这也是非常方便的。 好,这是第一个,然后我们再看第二个,第二个就是代码的缩进,缩进就 ctrl 加中空,加右中空号,或者 comet 加左中空号,我们来试一下。有时候我们不想格式化,我们只想进行缩进,然后我们又不想把光标 定位到最前面,就是一行的手前面部分,这个手我们只需要选中某选中一行就行了,随便光标放哪里,然后按住 ctrl 加中国号,他就进行换行, 右括号是是后退,然后左阔左中共号呢,他就是前进这种换行,这就很方便,不需要光标一定要在这一行的第一个就是最开头这样换行,这样就很麻烦,是吧?我们光标直接随便放到这一行上面进行 缩进就可以了,这样就非常的方便啊。这是这一个,然后我们再看第三个,就是快速复制一行,这个也比较常用啊,比如说有时候这个代码我可能那那个逻辑差不多,我现在 想想写相同的只是改一点内容,我我之前之前可能就直接 ctrl c, 然后 ctrl v, 这样,这就有些麻烦,其实有一个专门的快捷键,就直接 我们你看一下这块一键就是二头 shift 加上下键就行了。对于麦克就是 option 加 shift 上下键就进行复制,你看直接选中这一行,随便光标放到哪里,然后我这是麦是麦克,所以它是 offernt 加 shift 下,然后他就是相当复制了一行,快速复制一行,这也非常方便。好,这是这一个,然后接下来我们来看一下五六七,就是一些替换啊,我看第五个就是快速的选中多个相同的这个单词,我们来看一下,比如说我现在要对 对这个单词进行选中,我直接用 command 加 d 看, 按一下,他就选中一个,现现在相当于这四个,这一个文件里面四个艾特他都会选中,然后我们就可以进行编辑,是吧?艾特一起把它一起编辑, 是吧?这就是这个同时选中多个相同的单词,相同的那个内容, 然后其实他这个相同的内容,他和这个全直接全替换其实差不多,比如说我们也可以通过这一种方式,比如说第七个,第七个就是替换, 我们直接 ctrl 加 h, 我们来看一下,然后对于麦克,他是 commant shift 加 h, 我们来看一下,比如说我选中他,然后 command shift 加 h, 哎,然后再全替换成一二三,我们试一下,然后一回车,是吧?然后我们是不是就然后确认一下,按这个确认一下是吧?然后他就可以替换成一二三,这是全局替换, 和刚才那个直接选中多个相同的单词,他其实是类是差不多,我们选一个去使用就行了。然后我们再看第六个,第六个是选中多处,然后同时修改,这个就更加的灵活,比如说 只要按住,按住这个,我们看一下,按住他快捷键就是二次,这是这是那个 windows 啊。对于麦克他是 option, 然后加点鼠标,我们来看一下这是 什么意思?比如说我现在是麦克,我就按住 option, 然后直接我们看一下,比如说我现在要对某些行的单词进行修改,我直接按住 option, 然后点一下,比如说这一个,然后在这一个, 这一个,这一个,这就相当于我可以跳着一次性多处修改多处的内容,你看是不是我鼠标同时我鼠标左右动,他同时在动,我要删也是同时删,我要写,你看我写一个他是不是同时都写了,每一个都写的,是吧? 这个就更加灵灵活。所以这三种方式,五六七这三种方式就是一种批量的修改,这是五六七这三个,然后最后一个我们来看一下这个快速的删除一行,这个也比较用的比较多啊,我们如果不用快件,我们一般会选中这一行,然 然后这样以灰车删掉,对吧?但是没必要,我们有专门的快件,我们鼠标直接随便点在这一行上面,然后对于这个,对于我们对于 window 的一般是 ctrl 迪亚,对于这个麦麦克, 哎,我这个我当前这个麦克是扛麦的 shift 加 k, 你看比如说我直接选这一个,然后扛麦的 sift 加 k, 是吧?这行就删掉了。其实这些快捷键我们其实并没必要去记,就是 我们看一下这里,这里他有一个快捷键快捷方式,对吧?这有,然后我们其实我们可以根据自己的习惯自己去设置, 不一定就说这里面的,不一定就说按要按这种方式啊。比如说这个我们删除一行,我们感觉这个不好记,我们就按自己的内容就行了。我们看一下这里, 比如说我们要去换一个,他这个叫删除,行,是吧?对于这样一个 商场,你看这里面这是 shift command 加 k, 所以这个是我当前这个电脑上的,如果你感觉这个不好记,你自己去换一个,是吧?换一个,比如说 com command, 嗯,低,是吧?但是, 但是他已经绑定了,所以我这里面是用不了,所以我这里面可能 command 加,比如说我用 这个直接回这个肯,这个是我刚操作不?不成功啊?比如说我 come in the ship 加低,是吧? 回车是不是就变了?所以这里面其实这个快件我没必要记,我们直接按照自己的习惯,我平时怎么用,我就把它设置成什么就可以了,对吧?这就是今天的分享内容,希望对大家有帮助。

好,那么接下来我们来看一下 vs co 的相关的一些设置,那么接下来这些设置都是为了提升我们的代码的阅读体验,包括我们的 呃,开发的这个效率啊,非常重要,那么我们希望能够呈现给我们自己的一个编辑器,是一个非常美观的,非常好用的,又非常好看的,体验也特别棒的啊。 那么接下来我们来看一下第一个,首先我们把这个字体啊,他默认是十四号的字哈,我们可以改大一点,因为改大一点的话呢,看起来这个眼睛也舒服一点,对吧?当然我平时讲课的话呢,可能 要这个给大家开大一点啊,不然的话大家可能看不清,所以我一般会设置成二十,你跟可以根据你自己的习惯来设置哈, 然后的话呢,这个就在我们的常用设置里面就管理设置,然后点开第一页就默认这里就有了,然后的话呢,第二个就字体, 字体的话呢,我给大家推荐一款哈,在我们 vs 扣的里面的话呢,控制字体啊,这个系列啊,就在这个地方,看到没有哎, found family 啊,艾特特里面,对吧?这,这个前面的话加一个逗号啊,前面往左面加啊,因为他控制字体的顺序是优先级,是从左至右的 啊,对,所以的话呢,呃,我们有了这个之后的话呢,光天涯这个还不够哈,就这个杰,哎,杰特吧啊,摩洛啊,这个字体啊,这个字体的话呢?嗯,这个 官方啊,据官方说啊,他是专门为改善这个看代码的体验而生的啊,所以的话呢,也是我们 vs 后的这个推荐使用的呃,编程的专用字体啊,所以的话呢,这个也是做一个专业的开发者,我推荐给大家哈,非常中央。 那当然的话呢,这个你用它的前提是你电脑里面必须是安装了这个字体才可以,你如果没有安装,你光添加了这个名称在这里也是不起作用的啊。 那么接下来话呢,我们来看一下,我们首先要下载这个字体,对吧?我们打开这个网站,然后直接下载,下载完了之后我们解压,然后最后把它安装上啊啊,接下来给大家看一下,如果你做设计的同学可能都知道这个安装字体,可能就变成一种习惯了,对吧? 啊?如果没安装过也没关系啊,打开这个网址,然后的话呢,点击这个当漏的放特啊,然后稍等,那么这时候的话,他就把它下载下来了,下载下来之后我们来看一下啊,在这里头啊,当然这里我已经下载了一个哈,下载一个,那我这个就把它取消了吧。好,那么这里头我们来看一下, 接下来然后解压,解压成功之后,然后我们点开这个放头,然后有个 tttf 啊,然后全选,然后这里面的话呢,安装啊,好了,没管 啊,因为我之前安装过一次,来,我们把它呃,再重新安装一次,覆盖一下就完了,好了,安装成功了,对不对?好,成功之后,那么接下来 就可以了吗?我们来看一下啊,你看其实还是没有起作用的,这就是我们安装之前哈安装之前的这个字体的样式,好吧,大家仔细看一下啊,他其实比较虚,对不对?这个字体 对吗?要虚号,所以的话呢,接下来我们一步来改善它字体的安装成功了,那么接下来我们需要做的就是给它配置嘛。那怎么配置呢?在设置里面啊,然后第一个的话呢,就是我们胸把字体改大一点啊,你比如说改成十八吧,好吧,二十太大就改十八啊,我们来看一下啊,改一下变大了吧,哎,明显变大了, 然后这个就是这个啊,另外的话呢,这个地方要配置字体,这个字体的名称的话呢,就是我们刚刚这个网址上面这个的吧。 ok, 我们需要的是这个。呃,来街头 molo 啊,街巴特 molo, 对吧?这个字体啊,这个英文很难发音啊,感觉好,那么我们来看一下啊,刚刚的话,这个地方我们有这个字体名称。好,我们把它复制过来吧,就不手写了哈。来复制一下, 拿过来,拿过来之后的话呢,我们在这个地方来给他配置啊,来点开,看到加微,哎,我们英文状态逗号啊,这中间这个地方一定要给个空格啊,你不给空格的话呢,他不能识别啊,到时候出来。好吧,看哎你,你只要旁边点一下,他就自动保存了。 他保存哪里这些配置保存哪里的呢?再说一遍哈,在右上角这个打开配置文件,这个结实里面看到吗?来艾特特方的 size 等于十八像素,看到没有?我们整体的字体字号给了十八,然后这个艾特特方的 family, 我们这里看到没有,哎,是不是有了?刚刚自自定义的,对吧? ok, 这后面的话是他, 其他是从左至右来找这个字体,如果说找到了这个给你本地电脑上面你也安装了这个字体,他能匹配上,他就使用这个字体,如果这个找不到呢?他就使用后面这个啊,站到这一中后 好了,那么大概就这个意思哈,那么大家了解就可以了,那么接下来我们来看一下,那我现在的话呢,这个已经其实已经变化了,你发现了没有, 他变得很圆润了,看你,尤其这个 l, 你注意看啊,是不是变了,哎,明显变化啊,你自己试一试,你就能感受到明显的变化了。好了,那我们写点 gs 代码感受一下,好吧,你比如说这个地方的话,我们随便写一个最简单的话来, 怪不得啊。然后这里面的话呢,我们说一下,这里面呢,比如说我们给个 nata 等于十, alet b 等于二,对吧? ctrl 点 log, 然后这里面的话, 那我们来看一下啊,接下来我们把这个地方的话呢 a 加上 d, 对吧? ok, 好了,那么这里面的话呢,我们看到了你,其实你看这些地方都是有变化的,这个 l 你正常你写个 l, 绝对不是这种字体啊, ok, 所以的话呢,这个字体看起来他没有那么虚,而且是很舒服的,对吧?那么接下来的话呢,我们来同样抗着抗住 shift 的加皮,我们来运行一下啊,看一下,好吧,来 leave server, 就刚刚我们上午哎, 上一节课我们讲到的,好吧,那这里头你可以看到是不是这个就出来了,当然我们不想用这个浏览器,对吧?哎,他为什么默认老是给我打开另一个浏览器呢?我们使用这个哈,来, 松骨哥,来右键啊,我们审核元素来检查一下,看一下啊,你看他这个地方的话,有没有 ctrl 里面有没有,哎,他这个报错,不用管他啊,因为他是上面那个图标的问题,好了,那么我们这里头是什么玩意? 管他啊,管他跟我们没关系啊。好,那么这样的话呢,我们先来看一下,你看是不是有了,哎,十二,对不对? ok, 好了,其他这些东西的话,这跟我没关系啊,这个十二好,你看十加二等于十二,对吧?好的,没问题,其他的先不管他啊,然后这里面的话呢,我们只是为了看一下这个字体,好吧,只是为了看一下字体 好了,那么这个成功了,没有问题的啊,字体还能成功,那么接下来我们来看后面的设置啊,还有一些设置的话呢,也是非常重要的,那么字体好了之后,接下来我们来看一下,我们 来看一下我们希望把这个光标啊,大家平时你们如果用麦克电脑的朋友都知道那个光标啊,就他,他走起来像这个就很生硬,对不对?哎,很生硬的吧,哎,看起来这个这个这个一点感觉没有的啊,那我们希望把这个 光标变得更有弹性一点,对吧?平滑的,平滑的这个,哎,进入,对吧,而且的话呢,平滑的这个啊,出去啊,所以的话呢,这个地方我们怎么做呢? ok 啊,接下来我们来看一下,在哪里设置呢? 我们点开 vs 扣的,在这个地方还是管理,然后有一个设置啊,然后这个里面的话呢,我们点开这个文本编辑器,他其实是有光标,看到没有,哎,点开光标,点开光标之后的话呢,这个里面有一个,你看控制四幅启用平滑插入动画来点一下。 ok, 我们来看一下啊,有什么区别? 你看按住右键啊,你看是有变化了。哎明显有变化啊,就他是这种很平滑的感觉,你看嘣嘣嘣 对吧?哎,有种嘣嘣,你不要我敲个蛋嘛。好吧,哎,你看是不是啊,你看看看看有没看到同学们。 哎,太棒了。你看你比如说我,我现在这里写代码,好吧,来我们写点代码啊,仔细来看 来比如说我现在的话呢写点代码,你看是不是啊。哎,等于一爱小于十然后爱加加,你看是不是他有一种什么感觉呢?就是平滑的这个切入啊,有时候你可能是打完了他后面才跟上来,对吧,有点慢一点点对吧那种感觉啊。 就是这种感觉还是挺好的,是吧,很舒服,感觉又不像那么生硬的啊。好了那我们大概体验一下这个光标的感觉对吧,那光标设置了没有呢?当然设置了,你点的勾选他这个地方就看到没有,哎没错,他的光标看到没有, 等一处开启了对吧?好,那么这个有了之后那么接下来我们再来看一个设置哈,是很有意思的。呃关闭代码缩略图啊,那么其实在这个地方的话哪里呢?你看这 右右手就有这个东西。当然啊,这个体验好不好呢?挺好的,如果你代码多了之后因为很长的时候对吧,你这定位很快拉起来对吧,不然你这个上拉也很慢,当然这个东西也是可以关掉的,你如果不想要你可以关掉的话,那么关掉也不用占用资源嘛,因为这个东西在这个地方,哎, 总觉得那个对吧,所以我一般情况下我会关掉啊,如果你想关也可以,那么接下来我教大家怎么关哈,点开哎管理,然后设置,然后这条输入一个迷你来回车啊,来,我们看一下他这个地方是什么意思呢?你看, 哎,控制是否显示缩略图,我们把它勾掉哈,勾去掉,来,走,哎,来,再来看,是不是没了,哎,你看右上侧这个地方是不是没有了啊?好了,非常好啊,那么这个我们就设置完成了,对不对? 那么还有一个需求哈,就是我们一般情况下,比如说这个字体啊,我们老师这里设置字体其实挺慢的啊,你发现没有,同学们 在这里设置啊,十八十二,你一会改变,难得改变吗?对不对?我最好放什么呢?我按住 ctrl 键这个地方,戳戳鼠标的滚轮,是不是他就可以自动放大缩小,对吧,这最好了,对吧?哈哈,所以这个时候的话怎么办呢?我教大家啊, ctrl 键加鼠标滚轮 这个缩放字体大小,我们来看啊,怎么改变啊,就不用在这个手动改了,对吧?那我们在这个地方来,随时可以啊,可以动的啊,然后点开设置啊,还是一样的啊,搜索一个滚动 啊,滚动来回车,那我们看一下啊,他在哪个地方呢?在下面这个位置,注意了啊,你看按住 ctrl 键并滚动鼠标滚轮时,对编辑器的自己大小进行说话,看到吗?好,勾他, 对吧?把它勾上啊,好,勾上了之后咱们接下来我们先来体验一把。好吧,来我们体验一把啊,来,走,按住 sift 键啊,来放大 大缩小,你看我用鼠标滚轮搓搓搓他,搓他,再搓,他,看到吗?哎,非常好的吧,这样的话呢,我们就可以随时放大缩小,你可以你给别人看个代码哎,来帮我看一下这个代码,你搓大一点让别人看,对吧?哎,然后弄完了再搓回来,是不是?哼, 非常好用啊,这个看到没有哎,按住卡车键,然后戳动鼠标的滚轮就可以了,好吧。嗯, 呃,只要滑动这个鼠标功能,它就可以自动给你放大缩小。 ok, 那么接下来的话呢,我们这节课的话呢,就先讲这么多啊,基本的设置,大家先去自己在我们的本地电脑上面的话呢,也去尝试尝试哈,当你习惯了之后,你会发现这些东西其实都真的很好用的哈, 当然这个大家不用担心这么多怎么办呢?第一,我们有文档好不好?哎,然后的话呢,大家这个到时候可以找老师拿到文档,这是第一个。 第二个的话呢就是,呃,我们有这个视频,你也可以把视频反复看。第三个的话呢,你担心这个设置不知道在哪里?我刚刚说了,点开这个管理点设置,对吧?那其实他在这个地方哈,你所有的配置修改了,在这个位置, 未来我们还会有更多更多的配置啊,这只是一点点,对吧?好了,这都是个人习惯啊,把它记录下来相当于,对吧?好了,那么这节课我们讲到这里啊,那当然。

vs code 现在是很多人选择的代码编辑工具啊,对于初学者来说,经常会根据一些教程来呃调试各种各样的选项,比如说安装各种插件啊之类的。但是经常在各种各样的试验调试之后,就会发觉编辑器很乱, 就想把它恢复成原样,但这个时候就发现,即使是我们把它卸载了,中间的扩展和配置仍然存在,等下次安装的时候他仍然会出来。实际上对于 viscodo 来说,他把自己的配置是放在两个文件夹里边, 我们如果想要重置呃 vs code 的配置,包括您在卸载之后想彻底的删除干净,其实只要把这两个文件夹里边的内容给它删除掉就行了。呃,一定要记住,在进行删除操作 之前,先把 vs code 给它关掉关掉,然后打开文件资源管理器,在地址栏里面输入 百分号 a p p data 百分号斜杠 code 就是它第一个呃文件夹,实际上这个路文件夹的路径就是在你 users 的用户下边的 a p p data remoting code 文件夹,可以把这个里边的这所有的文件都给它删掉。 另外一个文件夹是百分号 user profile, 百分号点 vs code 打开之后,其实这个里面存的是一些插件的信息, 把这里边的内容也全部给它删除。完成之后再打开 vs code, 你就会发现 vs code 里边的 所有的内容设置已经恢复到最初安装之后的那种样子了。不过需要注意点的是,他不会再重新安装你的中文插件了,所以所有的插件需要我们手动的去安装, 要干净的卸载也是类似的,在卸载完成之后也去删除那两个文件夹里面的内容就可以了。好了,本次视频就到这里了,欢迎关注我以了解更多通俗的 it 内容,也欢迎您在评论区留言。

我们在平时使用电暖的过程当中,经常会碰到这么一个情况,我们因鼠标想关闭一个窗口,但是我误操作关闭了一个不想关闭的窗口,但是我按下鼠标左键已经发现了我点错了,这时候我如何撤销?下面我给大家说一下,打个比方,这个窗口 右上角的这个关闭按钮,我已经因鼠标左键按下去了,如果我现在松开鼠标左键,窗口就关闭了,但是呢我不想去关闭,还有好多程序,还有没有保存的文档等等,都是这个情况,我现在已经 按下左键,但是我没有松开左键,这个时候我如何撤销不关闭这个窗口,或者不关闭这个稳档?现在我我给大家说一下,按住鼠标左键不放的状态下,往下一拉,离开那个关闭按钮就已经撤销了。


在 c、 a、 d 会图中经常会有误操作,怎么办?输入撤销命令优空格或者 ctrl 加 z 便可恢复。

今天给大家分享一下 vs 靠的如何来使用中文,然后我们可以在这点击这个,然后选择扩展,然后在这的话我们输入 c h, 也就是潜逆子的缩写, 然后我们可以看到有一个简体中文,然后点击,然后点击之后我们可以在这选择直接安装, 然后安装的话也会比较快。这边安装完之后,我们可以看到右下角有两个按钮,有一个瑞斯达,就是需要重启,我们点击重启,嗯,重启完之后我们可以看一下我们的界面已经变成了中文。

ok, 那接下来呢,我们再看一下其他的快捷键,还有什么呀?比如说从头选中一行,从尾选中一行,这个呢,就很简单了,对吧?比如说你光标在这一行的最后,你就按着你的 shift 键,按着 home 键,是不是选中这一行了, 对吧?那如果你的光标在最前面,按着 shift 键,摁着摁的键,是不是就选中了这一行,对吧?哎,就是这个啊,很简单,还有一种,那在这我们看一下,还有一个快捷键,就是面如果我们写代码格式不整齐,这个时候呢,我们可以用到这个, 哎,格式化代码, alt shift 加 f, 看一下,对吧?格式是不是就 ok 了,格式就 ok 了,所以说这个时候通常我们写到最后啊,哎,会用一下这个 alt shift 加 f, 但是呢,在这儿呢, 我还是希望大家后期我们说完这个格式之后呢,哎,我们希望大家呢都按照这种标准的格式,这种缩进的方式去编写我们的代码啊。

操作临时可能会碰到的问题,在我们误操作的时候啊,比如说我们把这东西涂到了一个自己不想要的位置,我们按 ctrl z 可以撤回,或者不小心把东西删除掉之后,也是可以 ctrl z z 回来的,这个 ctrl z 呢,可以撤回三十多步啊,如果你撤回过头了,你看看 ctrl s z 撤回你的撤回就能返回回来。 当你的快捷键无效的时候啊,你可以看一下自己的输入法是否是英文输入法啊, a 一的快捷键无法在中文输入法的情况下使用。鼠标的中间滚动是放大缩小画面,按住中间拖拽是挪动画布的位置。 有的时候啊,你可能操作不到,是让自己找不到这个画布,我们怎么快速的寻找到这个画布呢?我们点这边,然后自信画面他就回来了。有的时候你可能不想做竖屏的视频啊,那么我们怎么把画布改成横屏呢?按快捷键可就 k, 我们可以改画面的分辨率宽改成一九二零,把高改成一零八零,这样呢,我们就变成一个横屏的视频。当然你也可以 ctrl k 把分辨率改成一样的参数都是一九二零,一零八零啊什么的都可以,这样我们就变成一个方块的画布。 有的时候我们会把这个合成面板都弄丢了,那怎么办?我们在窗口里面可以找到合成什么,什么什么名字,点一下他就回来了。如果当你的布局里少了很多很多东西的时候,我们可以选择 windows workplace, 重置你的那个默认见面 又回来了。如果你连软件都没有啊,你可以来 qq 学习群里拿啊,把鼠标拖在模块与模块之间,可以拖动模块的大小,也可以选中模块拖拽,可以挪到相应的位置,也可以挪到里面或者是上面什么的,根据自己喜欢的排布和布 数据来关闭多余的界面案,按 ctrl w, 如果有时候你会碰到把画面放大了,你点开播键上面那个键 就可以缩小,按一下就放大,再按一下就缩小。然后最最重要的一点就是,哎,这个软件非常容易崩溃,做东西要经常保存,你刚创建后合成之后,你就记得把自己的项目保存一下,他可能会忘记自己输出的文件放在哪了。 我们回到渲染界面,把这边小三角点开,我们就能看到一个路径,这就是我们输出好的文件的路径位置。

好了,那从现在开始的话,我们正式进入旧一班的课程哎,在基础班我们学 htmlcr 三四的时候,我们用的开发工具是撒布拉姆,同学们也会发现它是一个非常轻量级,非常好用的软件。 那到了就业班的时候呢,我在这里面呢拼课老师再给大家介绍一款新的哎编辑器哎,就是我们的大码开发软件,叫做 vs code, 那之所以多交给同学们两种编辑器啊,是因为同学们如果毕业以后进入了我们的公司,那公司里面原来有的是用撒布拉姆,有的是用 vs code 的,有的是用 vip, stomp 等等的各种软件,各不相同, 在这里面呢,再给大家介绍另外一种,那这样同学们掌握的更多,以后进入工作开发的时候呢,可以立即使用就行了啊。那但是呢,整体来说,这 vs code 和撒布拉姆有很多的相似点,大同小异 啊。好,那么我们给同学们来介绍一下我们的 vs 扣的这个软件,那我们在这里面呢,主要讲解这么几个知识点,第一,那么我们讲解一下那么什么是 vs 扣的以及它的一些哎,由来, 再来一个呢,给大家介绍一下我们 vs code 呢这个软件怎么安装,那么安装完之后呢,我们看 vs code 怎么去使用,那最后呢,我们来看一下 vs code 的插件是怎么来进行安装的。哎,这是我们接下来学习的四个内容, 那修完之后呢,同学们能够掌握啊,第一,能够自己安装啊 vs code, 把 vs code 装到你自己的电脑上去好。第二个呢,能熟练的使用一下我们的 vs code 这个软件 好,第三个呢,哎,学会给我们 vs 扣子安装一些我们最为常用的插件,那后面的还肯定呢,有许许多多插件,我们边学边用好了,这是我们的教学目标哎,还有我们学 内容,那秀完之后呢,我们接着来看一下我们的 vs code, 简单给大家做一个介绍。好,这是我们的 vs code, 简称 vsc。 那么这个 vs code 呢,是我们微软公司推出的一款免费开元的轻量级的代码编辑器, 他里面呢,有许许多多的啊,比如说他几乎支持所有主流的开发语言啊,什么 jm 呀, pgp 呀,咱们的 gs, 他全新通通能够支持的啊,是非常好。 那需要同学们注意的是,谁推出的?是微软公司推出的啊,那到底他有什么亮点呢?哎,在这里面呢,皮克老师既然给你们推荐,肯定有推荐的理由啊,第一个,他比撒布拉姆要开远, 因为他嘛,这是一个开源的啊,因为竟然免费开源的。第二个呢,他比 websterm 更轻,一会安装你就知道了。这个 vs code 呢,大概呢,只有四五十兆,非常小啊,非常小 一个软件,那 websdom 上百兆的啊,几百兆,而我们的什么呀,哎, vs code 只有几十兆,所以是非常小的啊,所以打开速度会更快。第二个呢,提示功能很强大哎,我们写的时候,同学们最喜欢的代码提示功能,它比着我们撒布莱姆还要强大, 好自带我们的艾米特语法。那这个呢,我们说过啊,就自动补充嘛,我写个 div, 按下踏步键就可以生成。那我们撒布拉姆为什么哎,可以直接生成呢?因为我们撒布拉姆,我已经预先给同学们装好了插件,同学才这样子,而我们 vs 扣的你下载下来之后呢,不需要装插件,这个软件本身就自带的这些东西的啊, 好了,那再一个呢,有插件的安装非常方便哎,后面呢,我们知道我们有许许多多非常好玩的好用的插件,而你用 sco 的安装非常简单,傻瓜似的你,你学了就可以了啊啊,你学了你就懂了。 然后你要是用撒布拉姆的话,安装还是挺费劲的好,那自带强大的调试功能,你会发现还会有的。再有一个软件是跨平台支持温系统啊,麦克系统,零六个系统,这软件呢,都可以支持的哎,所以说呢,他他软件开发的比较全, 而且呢,我们这个 vs 扣的本身就用 no 的来开发的,咱们后面是不是要学 no 的呀,这个软件呢跟我们前端关系很紧密的,还是推荐大家去学习的啊,当当里面推荐旅游呢,还有若干点,反正我们推荐最大旅游是什么呀?免费开源,这是我们最喜欢的。 好了,那么我们了解了解完了之后啊, vs co 呢,就是微软公司推出的一个免费轻量级的编剧器啊,开发起来呢,它里面有非常多的好用的一些功能,我们一点去研究好了,那介绍完毕之后呢,下一个呢,我们看一下 vs co 的怎么去安装。那首先呢,我们安装的方法呢,是这个样子,那这呢,有个官网的下载地址 是他,那下载完之后呢,我们只需要找到里面的这个叫做什么呀,当劳的就可以了,直接下载,那你要是 windows 系统呢,你就选当劳的 fall windows, 如果你是麦克系统,就选择里面的当劳的 fall mac 就可以了。好了,我们来看一下怎么下载, 大家只需要点击一下我们这一个网址,好集中该我们在浏览器之后呢,进入我们这个下载页面,在下载页面里面有个叫做当烙的包。 windows, 那你我说了,刚才你可以选择你们的 windows 六十四位的啊,苹果系统的呀,或者是其他的, 这里面都没有的话,你可以往下面去滑,下面的里面也有一些我们要的啊,那你温度死的这里面的你是六十四位的还是三十二位的啊?然后呢,你再再下载一些一些其他的系统的,麦克系统的,零六的系统之类的都可以,如果三十二位同学下载三十二位就行了。好了,因为我是六十四位的,所以说我就可以直接点击我们上面这个下载 就行了。好,那么我们点击一下, ok, 那点击完之后呢?现在呢?稍等片刻啊,这是给我们做了一个介绍说明,那你不用关心,你只要看一下这个地方呢,正在有一个下载的过程。好,那下载完之后你会发现,哎, 小不小就只有四十三点一兆呀,非常小哎,所以说呢,它是一个完全清亮剂的啊。好,那下载完毕安装的方法啊,这个点保留一下就 ok 了,安装非常简单,你只要单击一下它就可以了, 点击一下他。好,点击完之后呢,点击运行就 ok 了。那此时安装软件对我们来说完全不陌生, 你用了太多了,安装的画面完全是纯中文版的啊,然后呢,我们点下一步就 ok 了,然后呢我接受协议下一步是吧?然后呢我们默认按照 c 盘就 ok 了,然后点下一步,那么,哎,我们,嗯选择他啊,就先不用多管,再走一个,然后呢,我们 放点桌面快捷方式也可以啊,好,选择,之后呢,我们点击一下下一步,那么安装一下,我们稍等片刻,他很快就能安装完,所以说呢,这个软件的安装还是下一步下一步完成就行了啊。好了,那么慢慢的他正在安装到我们的计算机里面,那么我们呢,安装完毕之后就可以来进行使用了, 那同样道理呢,在这个官网上啊,让他安装一会,在官网上里面有一个叫做道士,就是文档,你可以点开看一看,它里面有一些说明,哎,当然里面纯英文的啊,纯英文的。好了,在这你看不明白也不要紧,因为这个软件你会发现是不是跟我们撒布莱姆是不是极为的相似啊? ok, 我们关掉。好,那下面马上安装完毕,然后我们启动就可以了,我点击完成,这时候呢已经完全打开了,这时候我们发现,哎,这个 vs code 呀,他的界面和我们前面写的我们的什么呀,撒布拉姆是不是特别的相似啊,你看也是一个黑点吧,哎,是这种 编辑器的啊,所以说我们学习来完全不陌生,那这样的话,我们就把这个软件呢安装到了我们的电脑上去,看,明白吗?这是刚才我们说的安装的方法。 好,那安装完毕之后呢,下面呢,我们给同学来讲一下我们这个软件的使用方法啊,其实呢,你有了撒布拉姆这个基础啊,撒布拉姆怎么使用,它使用起来基本也是一致的。好,我们看一看,它有这么几个强大的功能需要我们学习。第一个呢就是文件目录管理,它有很强的目录管理的功能, 比如说我们写的一个品用购,里面有很多的文件夹,这时候呢,他可以来管理我们这文件目录,是非常方便的,怎么做呢?非常简单,选择 file 里面这个 open photo 就可以了。好,那么就说文件里面打开文件夹,那比如说我们呢, 选择文件菜单, file 菜单啊,里面有个叫做 open farther 这个东西好,选择它之后,哎,那比如说我就以今天的还是案例为主啊,选择桌面上 打着他。哎,我们这是不是一个叫做小案例的东西,我们以这个案例作为我们的跟目录就行了,双击我们的案例,然后选择你们的选择文件夹,那么我们稍等片刻,会发现启动开。哎,这个案例是不是已经有了这个文件夹,那在这个文件夹里面呢,我们就可以来创建我们想要的各种各样的文件了,来看一下它的使用方法啊。 那我们创建完之后呢,里面有这么一个东西,按钮,那其中的第一个按钮,这叫做新建文件,哎,我们可以新建二维码文件呀, cs 文件呀, js 文件都可以用这个按钮来创建。好,还有一个呢,我们可以选择你们的新建文件夹,通过我们这个去创建我们的文件夹就 ok 了。好了,那么我们比如说我们来创建一个来看一下啊。 好,那么在这里面的话,我们选择这个按钮,点击一下,我们选择里面,比如说我们就叫做我们的什么呀? vs code, 然后呢点 atmr 就行了,还是要写上我们的后缀名 h 码,然后敲回车,这时候呢,会有了我们的 vs co 的,点 h 码就行了。还记不记得在我们撒布拉姆里面怎么使用的? 哎,我们想称骨架,是不是一个叹号呀?我们这个行不行呢?也可以,那叔按一下胎宝键,他也能生成我们的骨架 好吗?这也是一种骨架格式的啊,所以说呢,这是一种风格, ok, 选择它,那同样道理呢,你看它里面更强的地方在于它已经集成了一些我们的艾米特语法,比如说我写一个 div, 敲一下看不见自动补全,是不是我数第二位乘一个十,看不见也能自动生成? 其实你会发现这个东西呢,我们的撒布拉姆是安装插件才有的,而我们这个 vs code 是自带的啊,所以开发起来使用还是比较简单的。但是呢,你会发现在我们这个里面的话,新建就是文件,还有个新建文件夹,你比如说我在新建一个什么呀? c s s 的文件夹 呐,是不是一个 cr 文件夹,我可以在文件夹里面带新建的 cr, 三四就可以了啊,它里面都是可以生成一样的,所以说呢,你看它是文件目录管理还是比较方便呢。 好了,那学会了我们的文件目录之外呢,有个同学还会问,哎,老师,我们看了这个风格呢,是蓝色的字啊,然后还有橙色的,还有这种青色的,哎,我比较习惯我们撒布拉姆那种风格, 这个主题颜色能换吗?那答案肯定是可以的,他是能换的啊,那么想要换的方法呢?非常简单,那就我们选择我们这一个操作方法呢,是我们这个颜色主题给他更换一下 颜色主题呢,需要我们操作方法是在我们设置收选线按钮里面有个卡了, theme 好卡了,这个是不是设置收选线按钮在哪个地方呢?哎,来给我来看一下啊,是在我们左下角中的有这么一个按钮,哎,这个按钮呢,我们称之为设置收选线按钮,那么在设置收选按钮呢,会弹 这个框,来一个叫做卡拉 c 幕就行了,通过他来设置我们的主题颜色好了,那到底是还是不是呢?我们来看一看。打开他之后呢选择这个小按钮呢,说在这个地方呢,点开完之后有个叫卡拉 c 好,点完卡拉 c 幕之后呢,会弹出一个对话框,是这种对话框, 在这个对话框里面他默认的是这种大可,哎,地方的大可是这种风格的,有人说,老师我喜欢我们原来撒不拉姆那种风格,可以设吗?某问题啊,哎,在这个地方,哎,在我们这么一个叫做什么 monk 这个东西好选了他之后呢,我点了他,哎, 怎么样,是不是回到了我们撒布拉姆的风格啊,眨眼看上去还以为又是撒布拉姆呢,其实呢是我们 vs 扣的啊,好,这里面风格有非常多,你可以里面去选择啊,卡拉 see, 然后里面选择它,你比如说我们选拉艾特这个地方的拉,艾特选完它之后是这种白底儿的这种字的啊,看你同学喜欢什么样的风格,那我呢个人呢还 还是比较喜欢用这个啊,这我们的什么呀?摩托卡这个单面的这个东西,然后选择他这是我比较喜欢的那种风格。好了,那这个颜色主题呢?根据你自己的喜好去选择一个就可以了啊, 那么这个选择完毕之后呢?哎,我们刚才说过了,他说的方法是通过什么呀?是通过我们这个啊,打开颜色主题这里面他默认的这个,在这里面你可以任意选一个,你喜欢就行了。哎,那选择哪一个你选择哪一个就可以了,这是我们讲的颜色主题, 那其他的一些操作呢?还有哪几个需要我们注意的啊?那第一个呢就是如果放大和缩小仕途,因为有同学会发现我的电脑如果分辨率比较高,这个字会比较小,能不能放大一下呢?哎,只不过呢他不能像我们卡,呃,撒布莱姆的卡时间滚轮来放大了, 你可以简单一点,可以按住卡车键加上加号键。哎,是不是可以放大一下卡车加减号键是可以缩小的,看到了没有? 哎,这个样子啊,调到你适当的大小觉得你满意位置,那他快递键什么呀? ctrl 加加号放大, ctrl 加减号是缩小,还有一个呢,你如果想复制一份,复制一个单码,比如说我这写个 div, 然后写个一二三,你想要复制呢?非常简单,你只要这么做就行了,把光杯定过来, 只要把光杯定到这一行上他就自动选择这一行,你可以去看人家 c 复制这一行,看人家微展厅这一行,看人家微微微微微是不是啊?可以复制很多很多行了啊,不需要点击行后啊,或者是拖拉选中,只需要把光杯定到这一行上,就可以选定这一行了,直接复制和展厅就行了。 好了,那你如果说,比如说这样写了一个 abc 啊,我想把这个 abc 这一行复制一份,你可以复制在下面,也可以复制在上面,他有快捷键。那你可以按住什么呀? alt shift 加上下箭头,先把光杯定过来啊? alt shift shift 加上下箭头,哎,它就可以复制一个新的 abc 放到下面。好,如果你把光标定在这啊,好,你看啊,啊,这个呢,我随随便改一改,我把这个啊光标定在 abc 这,我按着 couch out shift 加上双箭头, alt shift 加摄像头走一个,他复制一份新的,是放到了 ab 原来的一行的上面, 这是这几个操作是不是可以一样的啊?好了,你看复制上上复制一行是二十四,加上镜头复制下一行他,哎,你只需要把国门定到某一行,他默认选定全行,可以直接进行复制剪切和粘贴操作就可以了。啊, 那这是他的一些其他的操作,那其余的一些操作呢?和我们撒布拉姆操作基本是一致的,其他的怎么操作,你就按照撒布拉姆撒布拉姆的操作方法去做就好了。好,那好嘞,那我们简单的对我们的 vs code 呢,它的使用呢?做一个总结,看看刚才啊, 我们讲了什么内容啊,记住第一个呢,我们知道 vs code 是哪个公司推出的哎,是微软公司推出的,它是一款非常轻量级的好用的编辑神器。那我们知道 vs code 它本身就才四十多兆,是不是特别小啊,打开速度也非常快的啊。 那再有一个呢,我们前面讲了他有新去做的优点,什么自己继承了艾米特语法呀,哎,然后呢,安装插件非常方便呀,跨平台呀等等之类的,还有很多好的一些优点呢,我们后面边学你就边更了解他了啊。 好,第二个呢,你要求呢?你会呢?是不是能去往官网上去下载这款软件,并把它安装到你自己的电脑上去?这个软件的安装我们讲过了,也非常简单。再有一个呢,我们要学会其中的两个功能啊。第一个呢,是学会我们的目录管理文件的功能,那我们说我们就可以选择 文件菜单里面的,打开就可以了,就是我们说 file 菜单里面的 open folder, 是吧?哎,就可以来打开我们的文件夹了啊,那这个功能还是非常常用的,以前咱们基础班里面学的,我们那个最后的项目的时候,用它来编辑是会非常方便的。 ok, 再一个呢,因为呢,呃,他默认的颜色主题呢,并不和我们以前的一样,那你可以去选择你自己喜欢你中意的那一款哎,颜色主题给大家学会去更改,那非常简单,是不是设置收选项按钮里面有个叫做卡拉儿 theme 就可以了。 最后呢,你能记住几个最常用的快捷方式,比如说我想复制,直接把光杯定过来,直接卡上加 c, 卡上加微就可以复制一行,无需选中。再有一个呢,那我们说了,试图那些放大和缩小是不是卡着加加号可以?放大是图,卡着加减号,放缩小是图就可以了。 那这是我们说了我们刚才讲过的几个哎使用的总结,同学们先把我列的纸条呢来体会完成它。

那么大家现在看见这个视频下面这边有一个三角形,他也是一个播放一个越南的键,然后右边这边一个是撤销,一个是恢复。嗯,这个键有什么作用呢?比如说我们点击一下这个底下这个剪辑条, 点一下这个分割,那么看见这边这个有一个键就会亮起。如果说大家在剪辑操作失误的时候,点一下这个键, 看屏幕会弹出一个撤销分割,然后下面这边有一个时时间有一个数字,这个就是我们的一个,嗯,剪辑显示的一个时间线,然后下面下面这边就是一个剪辑线,大家可以进行左右拖拖动。