vs code 非常实用的插件推荐,看看还有哪些插件你还不知道? live server 安装后,点击最下面的 golife, 一键启动本地服务器,启动后修改代码页面能够实时更新。 open in browser, 一键打开浏览器,可以右键直接点击它,也可以使用快捷键。 alt 加 b partial diff 提供部分文本内容的比较, 先选中要比较的部分,点击右键后选择 select text for compare, 再选中另一个要比较的部分,点击右键后选择 compare text with previous selection, 就可以看到比较的结果了。 code runner 可以一键运行 c, c 加加 java, j, s, p, h, p, python 等等编程语言。 打开代码后,直接点击右上角的运行按钮就可以运行代码。 teddy tree 用来标记代办事项,在代码中添加后,在侧边栏就能看到所有的代办事项, 点击能定位到代码中相应位置,十分实用方便。 polo code 可以快速生成漂亮的代码截图,选中代码 control 加 c, 再 control 加 v, 就能生成截图。
粉丝1056获赞1.9万

大家好,今天有小伙伴问到了我一个问题啊,我觉得可能有一些人还是不知道,但是大部分的人应该是都知道这个功能的,就是 vscod 就可以直接去对比两个文件的一个内容的, 比如说我现在呢是拥有一个叫做数据中心这样的一个 atml, 然后呢我们还有一个文件的话跟他呢很相似,但是呢我们想要对比出来他们两者之间的不同, 那怎么办呢?你就可以找到你要对比的这个文件,然后呢在 vs code 当中的直接右击,右击之后呢会有一个叫做选择已进行比较,那这样的话我其实就已经选中了一个我要跟谁对比的这么一个对象了。 在接下来的话你就再找到你自己的这个文件呢,然后呢在他这块再进行一个右击,有一个叫做鱼已选,对 项目进行比较,那这个时候呢他其实就会啊进行一个比较了。比较之后呢大家可以看到我们这个地方其实就会有对应了一些不同的显示,如果说你的格式化不同的话,你可以直接使用相同的格式化,比如说我这个地方使用 pretear, 然后呢这个地方的话也去使用格式化,那我们就使用两种相同的格式化,那你就可以从上至下的呢去往下找,你看看你当前两个文件到底哪里有不同, 只要有不同的地方的话,他就会以这样的形式给我们去展示出来,如果大家去使用过 git 的话,就应该很清楚这种模式了啊,这就是给大家去说一下 vsco 的自带的这么一个文件对比的功能。


上一期视频我们介绍了 html 的历史,并用文本编辑工具编写了 html 的第一个程序,按照惯例的话,我们也是输出了 hello world。 今天的话,我们用 vs code 来编写 html 的第一个程序, 按照惯例的话,我们也是输出 hello world。 首先的话,我们先下载 vs code, 我们打开那个浏览器, vs code 的官方网站是 code 维修 studio, 点 com。 好, vs code 的官网打开了,我们直接点击 download for windows 就可以了,可以根据自己的操作系统来选择那个对应的那个版本。好,我们点击这里。好,我们看一下,这里已经开始在下载了。好 vs 后的下载完成了,我们点击打开这里的话,我们点击运行好,我们把浏览器给他最小化,这里的话我们点确定好这里的话选择那个,我同意此协议,点下一步,然后我们改一下路径, 我安装的话给他放在那个底盘的夹瓦下面,就是大家在用的时候可以根据自己的那个需要来更改那个安装的那个目录,然后点下一步,然后这里的话不用管他,点下一步,然后我们在桌面上面那个创建一个快捷方式,这里打上勾, 这一项的话,我们到时候安装的时候看一下,如果没有打勾的话,我们要打上勾,然后点下一步。好点安装好,那么开始已经在安装了。好, vs code 安 完成了,我们这里不用嫌,我把它关闭掉,然后点完成,然后我们看一下桌面上面已经有那个 ysco 的这个图标了,我们双击打开 wes code, 打开了,那么那个它的那个界面是英文的,那么我们把它那个改成中文的,我们要安装一个插件,我们点那个扩展这里,然后我们输入那个 chinese。 好,我们点击第一个,然后我们点击那个 insport。 好,已经安装完成了,我们点击了一个称级 like 位置 and restart, 好,我们的界面已经改成中文的了,我们再来安装另外一个插件,就是我们在编写那个 h t m l 代码的时候,它就那个自动会跟我们刷新,就是不要我们 手动来刷新这个插件的话叫 leave sever, 我们点开拓展这里。 好,我们安装这一个, 点击安装 好,安装完成了,我们看一下这个,这个不用管它,把它关掉,然后把那个 wes code 给它关闭掉, 我们到 f 盘来创建一个文件夹的保存银代码,我们点开到 f 盘, 我们放在那个 html project 里面。好,我们在空白处点鼠标右键,然后选择新建,然后选择文件夹,文件夹的名字我们叫做 vs hello, 好,我们敲回车。 好,我们进到文件夹里面来,然后我们在路径这里输入 c m d, 我们在命令行输入 cod 空格点,我们来打开那个 wes cod。 好,这里的话我们选择是 wes code, 打开了,我们在资源管理器上面点鼠标右键,然后选择新建文件,然后这里的话我们输入那个 hello 点 html。 好,我们敲回车。 h t m l 的那个野马文件已经创建成功了,我们可以开始编写代码了。首先第一季的话,我们也是要那个 标记出它是那个 h t m 五的那个标准,我们用那个搭个 type 来进行标记,我们才输入金括号,以后那个呃,就是 v s 扣的, 就给我们自动提示,这一个大可太符了,那么我们要呃手动输入也行,不手动输入的话,我们直接敲回车也行,那么他就帮我们自动补群了,我们在练习的时候还是那个手动来输入吧,我把他那个删掉,我就不用管他,我们自己手动输入 html, 好,接下来我们来写那个 html 的标签, html no, 它也是自动跟我们补钱的,因为它是成对出现的,接下来的话我们来写害的标签, 好,它也是程度出现的。 hi 的标签的话,主要是放那个 title, 还有就是那个字符级的,那么我们把字符级给它放进来。 matter 掐着 set 好,我们用那个 utf 杠八 mate 标签的话,它不是成对出现的,那么我们的结尾要给它一个斜杠,就是表示我们结尾了。好,接下来我们写那个开头标签,开头的话就是那个我们网页的那个标题开头, 好,他也是成对出现的,我们叫做 hollow water。 好,接下来的话,我们来那个输出我们的那个 hello world, 那么我们的内容是在那个 body 那个标签里面来进行显示的。 body, 好,那么我们用那个 p 标签来显示,那么它是段落标签,就是显示我们的那个 hollow water, 其实不用那个 p 标签的话,我们在这里那个输出 hollow water 也是可以的。 好,我们把那个 p 标签也给他放进来,那么 p 标签的话也是成对出现的。 好,为了气氛的话,我们后面跟上一个 p, 好,到这里的话,代码已经编写完成了,我们按 ctrl s 保存一下。代码保存以后,我们在代码编辑窗口点鼠标右键,然后找到我们的一个安装的那个插件叫做 leave sever, 然后我们点击 好,那么那个我们冰淇的网页,他就用那个默认的那个浏览器帮我们打开了,那么我们的两个 hello word 就已经输出了,那么这一个的话是我们没有用那个堕落标记的啊,这个的话是我们用堕落标记的,那我们回来看一下代码, 那么这里的话就是我们那个 title 的那个标签,我们把最小化我们这么来看。好,我们看一下第一季的话是告诉 浏览器我们是 h t m l 五的标准,然后这里的话是那个网页的那个开始就是 h t m l 泰德的话是那个凤胎头,那么胎头的话就是这里了,我们的那个网页显示的那个呃标题,然后这里波点的话就是输出我们的那个内容,我们看一下就是这里的话, 我们一个是没有用那个其他任何标签,一个是用了那个段落标签,那么我们看一下,那么他都给我们输出出来了,只要我们的内容放在那个包点里面都可以输出出来,那么这个是用 vsco 的编写的第一个 html 的代码,按照惯例的话我们输出了 hello word 代码,是比较简单的。

如果你要用好 vs 扣的这个命令呢,也是必须得学会的,那就是显示所谓的命令,通过这个功能呢,你几乎可以完成你所谓想得到的操作。我们来试一下 ctrl 西服的加 p, 我们来打开最近使用过的文件夹,快速打开,最近使用过, 这是我最近使用的一个文件夹。然后呢,如果说我也想把这里面的字体放大一点,可以直接放大编辑写字体,第一个继续放大,继续放大,哎,缩小。 如果想把当前的编辑器移动到下一个, 下一个,下一个编辑器,哎,那就跳上了下一个, 这样可以很方便你切换。当然这不是最高效的,但是是最基础的,当你使用 bs 扣的所有的功能,你都可以通过这样子,不用去点击菜单去找,这样子会接受很高的效率。比方说设置, 你看啊,这里面的跟色子相关的命令都可以达到,包括一些插件的,所以说感受性的较批了,是使用 vs 扣的必须得掌握的一个功能。