粉丝238获赞879

好了,那从现在开始的话,我们正式进入旧一班的课程哎,在基础班我们学 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, 卡上加微就可以复制一行,无需选中。再有一个呢,那我们说了,试图那些放大和缩小是不是卡着加加号可以?放大是图,卡着加减号,放缩小是图就可以了。 那这是我们说了我们刚才讲过的几个哎使用的总结,同学们先把我列的纸条呢来体会完成它。

好了,当我们把 vs 扣的安装好之后,那么接下来我们就进行我们常用插件的一个安装。那首先的话呢,我们先要把我们的原来的英文界面变换成中文,我们就来安装我们的简体中文语言包啊,那首先的话呢,我们先用最简单的方式打开,哎,在这个启动窗口里面,对吧?直接点击它, ok, 这样的话呢,我们的 vs 扣的这个编辑器就打开了,那么打开之后的话呢,我们稍等一下哈,他会加载这个界面, ok, 还是非常快的啊,你可以看到他右下角这个地方显示了一个提醒你,哎,要不要更换成我们的中文简体,对吧?如果你要你直接点击安装并重启也可以, 但是我们为了让大家了解我们整体接下来的差距,安装是怎么做的,我们先把它擦掉哈,不要,那这样的话我们来看左边啊,左侧之前我们已经讲到了,这是我们的拓展,那这里面就是我们的一些扩展的一些 插件,有些是第三方的啊,有些是微软官方提供的啊,你看这种的官方提供他就会给你说明,好吧,那比如说你如果说你这里想支持拍摄的开发, ok, 你直接安装拍摄的扩展,他就会支持拍摄呢?呃,代码的高量啊,包括智能提醒等等啊, 相关的功能包括这里面还提供的比较 cc 加加,看到没有哎,只要你想到的变成语言他都有,哎,拍摄呢, sp 啊等等啊,你都可以。好,那么接下来的话呢,我们来看一下啊,如果你要变成中文怎么办呢?这里直接输入 c h i n ese 啊, chinese, 那这时候的话呢,我们就可以直接回车厢啊,你看他有了,对吧?点体重文,好,直接点音道或点这里都行,点击他安装 好了,那么安装完成之后,你看他这里提醒你是否要重启 vs 扣的这个界面,对吧?好了,那么这也是我们最后一次看我们的英文界面了啊, 那么接下来走,你好,我们这个时候的话呢,打开了就是我们的 vs cos 的中文界面了,你可以看到啊,还是熟悉的味道,对吧? ok, 那么这时候的话呢,你也可以在这里点击新店文件,你看他也可以在这里直接点击新店文件,你然后 ctrl 加 s 保存,哎,你看他是不是就可以保存了?好,这个我们一般情况下也不这么用哈,那这里可以打开文件的,还会添加,包括他也可以给你提供了视频教程等等啊,还是非常贴心的。然后我们把直接关掉啊,不要了。 那首先的话,我们来看一下左侧这个区域哈,说这个区域的话呢,那么我们要想把这个项目哎添加进来,那么怎么怎么做呢?这也是我们接下来要讲到的,教大家如何来使使用我们的 这个 vs 扣的,做一个基本的基础使用哈,那首先第一个的话呢,我们先来调整一下我们的整个的这个过程啊, 第一步,我们最简单的方式就直接点击天天问题家,比如说你已经有项目了,哎,这第一种方式哈,如果你已经有项目了, 那么这个时候的话呢,比如说我打开我的相机,假设我这个里面的话呢,有一个 iq 顶一丢这个项目,对吧?我直接点击添加,哎,那么这个时候他就会帮我把这个项目给我引用进来,看到了吗?哎,添加进来之后的话呢,你看我原来的项目里面的目录机构也,这是我们的链家名称,项目名称,然后这是他的圆码,对吧?这是相关的配置等等啊, 好,不管他,你看不懂也没关系,这就是他的一个目的结构,说白了就是我本地啊,就是我的电脑本地的话呢,这个文件家里面,你看啊,是不是这些文件,对吧?他只是把它展示到这里而已,对不对?相当于用了这个编辑器把它打开了,就这么个意思哈, 好了,那么这是第一种方式啊,我们打开它,我们多点几个哈,你看这是我们里面那些代码,对不对?然后点这个点这个好了,那这个的话呢,这 也是一种我们打开的方式啊,你看,哎,双击一下,你看这个地方打开变音器,什么意思呢?就是说如果你这里正常打开的文件,他会在这个地方显示代表哪些文件是正在打开的文件,正在编辑的文件,明白吗? 哎,如果你不想要,你可以把它这个地方隐藏掉啊,包括这个大缸,这个大缸什么意思呢?其他就是对应文件里面的一个目的结构, 哎,就相当于我们我的文档里面那个目录结构的啊,目录啊,就就这么个意思啊,其实一般这些都用不太上啊,所以怎么办呢?哎,我们为了保证干净简洁,看着舒服啊,所以我们一般情况下把这两个东西给它勾掉,你看勾掉是不是没了,哎,把它勾掉是不是也没了?哇,这样看起来就很舒服了啊。 好了,这是我们第一种导入项目的最简单的方式啊。那接下来的话呢,我们把它先把它从文件加移除啊,你看他这个移除什么意思呢?并不是把这个文件都删掉了, 其实从编辑器里面把这个东西加载进来,这些文件版的移出掉啊,删除来,你看是不是没了?好,又恢复到原来界面了,对不对?那你下次的话,那有人说,老师我我想的这个地方重新新建一个项目怎么办呢?好像点右键也没用,对吧? 哎,这里好像也没有什么新建文件夹之类的。是的啊,所以我们一般情况下在企业机里操作怎么做的呢?把它先关掉哈,不是一开始上来就打开它,而是什么呢?比如说我们要创建一个项目,搭建项目的时候,首先我们会对应的盘符里面, 我们的电脑里面,比如说我们新建一个文件夹,对吧?哎,新建文件夹,比如叫爱扣顶这个项目,举个例子哈,来点开他回车, 这时候我们进入这个文件夹里面之后的话呢,要搭建项目需要用 vs 扣的,对不对?然后我们刚刚说了,我们在安装的时候勾选的那个目录上下文对不对?所以这个时候你右键你看打开了,还有通过扣的打 看到吗?这时候就通过 vs 扣子直接打开了啊,点击来试一下走,其实这种方式是我们在企业开发里面经常用到的方式哈。 好了,那么稍等一下啊,稍等一下,他第一次打开的时候可能会有一个加载啊,那么我们来看一下,他会打开两个,你看到了吧?很神奇哈。好,不管他,我们关掉一个吧。这个不要啊,你看这个打开的时候我们把这个关掉,你看他其实已经进到爱扣定这个文明家里了,看到没有 哎,只是这里面啥也没有嘛,对不对?好,那比如说我们现在的话呢,想要在这个地方来建我们整个项目的结构,那怎么办呢? ok, 比如说这里面你看他是有信念文件加信念文件,是不是就有了?听刚刚都不一样了,对吧?那当然的话呢,这两个东西是因为我们隐藏了哈,你打开他也有,对吧? 我还是把它隐藏掉啊,告诉大家一下。那接下来的话呢,我们这个地方来新建一个,比如说文件夹叫 src, 对吧? ok, 这里面放圆满啊,对吧?那再建一个对不对?叫什么呢?比如说我们这里叫一个入口的,嗯,叫,比如说我们叫一个闷 m m m 点结实,闷点结实。比如说我们还想加一点什么呢? 哎,文件你看,其实这里可以右键哈,建议大家都有右键哈,右键其实使用更方便嘛,习惯性的啊,右键来建一个文件,对吧?然后这里面我们刚刚是建了个什么?建了个文件夹的名字,对吧?这个不对哈,文件夹我们不能用这个名字,好吧,然后把它删掉。 那如果说你要见文件的话呢?你看我们在这个地方,哎,这里可以见一个,到时候闷点见识,对吧?哎,这是个入口文件,对吧?哎,举个例子啊,然后的话呢,比如说你还要讲一点,见点配置文件, 哎,还可以治啊,还可以治什么啊? aje, 对吧?点 gson, 这个节省看到没有?还挺好的,对吧?好了,那这个不管他啊, 啊,我们先简单的这么来看一下,哎,那这个建好之后建文件,建文件夹,比如这里下面我们还要建啊,建文件夹,比如建个 ma, 对啊,哎,然后在他下面再建一个啊,再建一个,比如说建一个 css, 对吧?你要数学一定要点通这个位置啊,不然的话呢,他就 会建到通下面一级目录去了啊,那这样的话我们再来看右键新建,然后我们建个 gs 的文件夹,对吧?然后我们在这里面建一个文件,比如说叫 englex, 点 h, 听见没有?好了, 是不可以了,哎,然后我们在这里面,比如说我现在代码啊,给个感叹号,他其实这个就是一个 visco 给我们提供的一些快捷的语法,你比如说这个回测,感叹号,回测啊,英文状态下的,那么这个时候他就会给你来个 html 五的一个骨架, 先不用管他什么意思哈,我们先见这么个东西,哎,大概就这么个意思好了,那这里面基本上你看我们刚刚这种方式的话, 记得吗?这怎么弄呢?是在这里先建了一个项目的文件夹,然后这文件夹里面右键,然后使用扣子打开,然后再在我们的 vs 扣的这个编辑器里面来新建我们项目的结构,对不对?这也是我们以后在未来开实际开发里面的话呢,非常常用的一种方式, 当然除了这种方式还有别的吗?哎,有啊有啊,那么今天的话呢,我们再来看一下,比如说我把这个东西还是同样移除掉啊移除掉。 那把它关掉啊关掉。那比如说我们我们正常的话呢?我们打开,我们之前说了我们教给大家一种酷炫的方式打开。怎么打开呢? 比如说,哎,那这个时候点开他啊,或者你新建了一个文件夹,或者你通过哎黑窗口的命令,比如说我们以后再起来还会用使用 get pass, 有些同学特别喜欢用 get pass, 就是说白了就是类似雷尼克斯的这样的。呃,这个操作命令对吧?命令行,那这样的话呢,我们在这个地方内饰非常常 哈,我们右键直接,你看使用 vs 扣的打开对吧?哎,在这里对吧,这是我们刚刚的形式对不对?好了,那么这个时候打开了,你看他这个文件的话呢,他也把它加了进来了,你看他这个有点问题啊,每次两次对吧? ok, 好了,没关系啊,把它关掉。哎,关掉,我们把这个也把它移除掉啊移除掉。来啊移除掉移除掉。来走点的空白处啊,一定要点的空白处, 好了,没问题了啊。那接着还有一种方式吗?在这个在我们的文件加的这个导航窗口里面输入 cmd 对吧? cdm 就输错了,对不对?好,那我们来看 cmd 啊, 来,我们通过这个你看他自动就进到这个爱扣定这个地盘爱扣六问题下来是吧?然后怎么办呢?这里面来个扣定扣的啊,空格点回车,你看这个时候的话就 通过命令行来启动我们的 vs 扣的啊,你看他这个地方的话呢?我不知道为什么这是我一台新的电脑啊,他上面每为什么每次打开两次,对吧?啊,因为我在我自己电脑上的话就打开一次就够了啊,好了,那么这里面的 ok 了啊,没关系,那么这样的话,我们把这关掉,你看就可以直接进行开发了,是吧?非常方便哈, 好了,那么这种方式的话呢,也是非常 ok 的,那么还有一种形式是什么呢?就我们日常操作的话呢,可能有些东西的话呢,会使用这种方式,比如说我打开我们的命令,行啊, cmd, 对吧?哎,然后的话呢,这个时候我会说我在地盘是吧?项目好,我进了地盘, ok, 进来之后的话呢,我们 dir, 然后我们看一下 a 进了哪个目录呢?比如说 cd 是吧? icoding, 是不是我进了这个文件,或者 icoding e, d, u 进入这个文件讲里面,然后怎么办呢?这个时候就我们直接使用 code 空格点回撤,他以可以把我 我们的项目直接启动起来哈,这个非常方,非常方便哎,看到没有?同学们 ok 了吧?哎,所以接下来我们对于我们的整个基本使用哈,包括怎么去创业项目呀,包括怎么去导入项目呀?哎,一些基本的操作的话,大家就有一个,先有一个这个基础的认知啊, 那么下节课的话呢,我们再来教大家如何来进行使用其他的更多的插件啊,非常有意思,对吧?好了,那么这节课的话呢,我们就先讲到这里。

我个人建议大家不要呢,去在初学的时候使用 vs cod, 当你有一定的能力之后呢,你想用 vs cod? 可以啊,但是在初学的时候,哎,很多个人不太建议你使用 vs cod 啊,很多呢,之前也录制了专门的 vs cod 的这个教程 vs code 的啊,在上面如何配置 c c r 的开发这个环境对不对?但是我发现啊,很多初学者 其实在配置环境这个环节就已经浪费了大量的时间啊,已经浪费了大量的时间,还没有开始就已经放弃了,从入门到入土啊 这个地方,从入门到方期啊,所以我个人建议大家不要呢,去在初学的时候使用 vs cod, 当你有一定的能力之后呢,你想用 vs cod? 可以啊,但是在初学的时候,哎,鹏哥个人不是太建议你使用 vs cod 啊,希望大家能够理解。

五分钟学习 peasant, 今天我们来讲解如何构建一个 peasant 的编辑器,也就是我们经常讲的 id。 今天讲的主要是 vs code s 扣的呢,是一个比较小的,比较方便的,同时可以用来编辑拍摄和 cr 加的这样的一个 ide。 我们来看一下,在 百度或者是其他的搜索框里面去输入 vs code, 然后在第一个,也就是进入他的官网中, 也就是我们这里看到的一个官网,点击 down for windows 或者是 down for 其他的平台。我们以 windows 为例,点击下载之后呢,这里有一个下载任务,我们可以看到如果你装了迅雷的话,会跳出来迅雷下载的这样的这个链接, 然后你点立即下载就可以了,因为我已经下好了,我再试一次,我已经下好了我的下载的下载好的呢,是在这个地方,我进来之后双击 双击安装,安装的时候同意协议,然后下一步安装的地址呢?我会,我所有的软件呢都会装在地盘里面的一个叫做 software 的文件夹里,这样我在删除或者在找的时候比较方便。 点击地盘 software, 然后它自动生成 microsoft vs code, 然后点击下一步, 这里选择默认,然后创建桌面快捷方式,然后添加到 pass, 重启有效,我们就先不重启,然后点安装等它就可以了。安装完成后, 点击完成同时运行,我们来设置他的拍层的环境。进来之后呢,其实你现在是没有拍层的,这是我之前用它打开的一个一个这个拍层的,自己随便写了一个,我们看下他能不能运行。 他这里直接运行了是因为我电脑之前他保留了我的之前的设置,如果你是第一次安装没有进行过拍摄的设置的话,你需要点击这里有一个拓展,这里有一个拓展,一定要点这个拓展,或者用 culture 加 sifter, 然后再加 x 这个快捷键, 这个地方,也就是这个正方形这个角出来一块,然后在这里输入 ice, 然后点确定,确定之后呢,他会搜索搜,点击第一个,第一个之后这里有一个安装,有一个安装,你们点安装啊,我这里是 卸载或者安装,因为我已经安装好了,所以这里就不用了。安装好之后大家注意,安装好之后呢,你需要对你的这个,你可以随便在你这里呢打开一个文件或者新建文件,对新建文件,新建文件,你输入这个文件的名称,也就是这个名称, 选择编程语言,你选择 poison, 然后你输入一行命令,比如说 import os, 随便经加载一个第三方的包,你 print 一个 hello world, 而你看他能不能打印出来,一般情况下的话,这个时候是不能打印的。由于你创建的这个拍森的创建这个拍森的程序他是没有保存的,所以你可以他会将它保存在 在一个地方,比如你按 ctrl s, 然后将它保存到桌面,将它的名字改一下,而改成 hello roll, 加上一个短斜杠, 点击确定,然后你点一下运行,一般情况下这个时候他是不能直接运行的,因为你没有配置你的 pison 的解释,解释器在哪里?怎么去做配置呢?去做这个配置呢?我们一般呢是选择在这个地方左下角有一个 pison 的这个地方, 你点击之后呢,他会有在这呢会选择解释器,然后我的电脑里面的解释器非常多,我有安装在地盘 software anna coda environments 里面的 thans floor 下面的 pison 点 exc, exc 这是用 anna coda 的方式安装的,排损也有这个 相同的方式安装在一个名字叫 tooch 一点二里面的拍摄的环境,当然也有直接在这个我们的电脑环境下的地盘 softier where, 然后里面的拍摄三点九点九里面的拍摄 exe, 这是这个不同的这个环境,你选择自己的环境就可以,当完成之后呢,你再点击运行,他就可以将你想要的程序进行打印。 另外 vs code 刚装好之后应该是英文的界面,所以你在这里面呢,还要再搜索一个中文的,中文的一个包应该叫 chin chinese 解体中中文就是这个包,你说 chinese 有一个简体中文,他就会将 vs code 的语言变成中文的语。 我们平时打开一个已经写好的拍送的程序的话,一般会在这个地方点击打开文件或者打开文件夹,打开文件呢,就是打开了你 做你单个的这个拍摄的程序,比如说我这里的 hello world 的这一个程序,他打开这里有一个是否信任你,点击确认就可以了,当然你也可以打开一个文件夹,那这样子的话,整个文件夹下面的,比如我们打开这里的法斯塔尔森,选择 这里再点击发的二三拍托尔尺码词,因为这是这才是我代码的最后的一个目录。如果你点击文件夹的话,这个时候呢,他会将整个文件夹下的代码作为一个项目,大家可以看到,在这里呢,我的 里面呢会有很多的子文件夹和子代码。

上期视频已经给大家介绍了如何安装 cloud code, codex 和 jimmy click, 本期视频将给大家介绍如何在 vs code 中使用 cloud code 和 codex, 如果没有安装 vsco 的, 可以下载安装一下,注意安装的时候要勾选将通过 code 的 打开点点点的两个勾选项,其他默认即可。安装大概需要二点五分钟,耐心等待一下即可。我直接快速跳过。打开 vsco 的 第一件事就是安装中文插件, 在插件搜索输入 chinese, 然后安装,稍等一会,安装完成后,右下角提示重新启动 vsco, 我 们点击重启即可。 重启后我们打开自己的项目文件夹,这里用测试项目文件夹演示,第一次打开文件夹会提示是否信任文件夹,我们选择是, 然后我们到插件市场搜索 cloud, 安装 cloud code 插件,注意选择的是官方插件,一定要和我选择的一样才行,提示是否信任我们选择是。稍微等待半分钟,安装完成, 点击右上角的 cloud code 图标即可打开聊天窗口,聊天窗口是可以单独拖拽出来的, 输入,你好,测试一下是否可以正常使用,能正常回复就没什么问题,如果有问题可以找烟神帮你解决。下面我们在插件搜索 codex 安装一下 codex 插件,注意要看清楚安装官方插件,保持和我安装的一样, 这个安装时间可能比较久,要耐心等待一下。安装完成后,我们点击 vsco 的 这个聊天窗口,把 codex 插件拖到这个聊天窗口里面输入,你好测试一下。 好了,本期视频就到这里,有问题可以随时找烟神帮你解答,记得一键三连哦!
