vscode中怎么快速写入多个标签
不知道大家在用 vs call 的进行情况开发的时候有没有遇到过这种情况，在选择内容较多的标签的时候拖啊拖，不知道拖到哪才是。选择了整个标签， 内置了一个快速选择标签的命令叫 balance outward， 是不是很方便？ 我们也可以设置快捷键，通过快捷键快速选中标签的内容。 嗯，这里的 inver 和奥特沃的区别主要是 inver 只包括标签内的内容， 不包括标题本身，奥特沃的包括标题本身。看一下我们用快捷键是不是很方便？喜欢我的视频给个关注，持续分享我开发过程中的各种小技巧。好，谢谢。
粉丝33获赞256
相关视频
03:37查看AI文稿AI文稿你想实现什么效果就找什么相应的绕圈，是吧？右键这边是幺六。好，然后我们这是抄链接绕圈。 好，然后呢感叹号回撤来吧。那现在的话，我想实现一个超链接这样的一个功能，对吧？这样的一个效果，比如说当我去点击一段文本的时候呢，去实现能够去跳转到相应的网页，比如说我这次就能够百度一下， 你就知道老三就是当我去点击有文字的时候呢，是先让他去跳个脑百度，对吧？那怎么办呢？ 找一个标签，这个标签呢就是 a 标签好，然后呢把它给包一下就可以了，我把这个百度一下，这个文字呢，通过 a 这样的标签呢，去包裹一下就可以了。那现在的问题是哦，我现在点击这个百度，我想百度一下，你就知道，我现在想点击这个文字，让他跳出来百度，那怎么办呢？那此时这个地方要注意， 这个对超链接来说， a 就是超链接啊，来说 a 他就是超链接，作用呢就是当点击一个文本能够去跳转到，能够去跳转到相应的行业。 好，那对于这个超人英俊来说，那怎么去让他跳呢？那里面有一个非常重要的一个属性，这个属性叫做 hurf， 那么这个 hurf 就是用来指定要跳转到哪个网。 好，那比如说我现在呢，当我去点击百度一下，你就知道我现在想让他跳的，那百度怎么办呢？好，我们就这样写，直接选 a， 选 dtp， 然后三 w 点百度点 com 就可以了。当然了，这还有一个属性需要我们这也去留意一下，大家有没有发现啊？实际上对准超能力来说，你看我待会退下啊。 真的有人发现，当我去点击这个超链接的时候，他实际上呢是在我当前的这个页签中打开了百度，我们点击这段文字，我们说这是一个超链接吧，注意你有没有发现，当我去点击这个超链接的时候，我就知道，你看他是不是在新的一个窗口中打开了一个新的一个网页吧。 要想去在新的窗口打开新的网页，那我们就需要另外一个手相，这个手机就叫他给的，他给的意思指的就是目标。来，我来说，啥？他给的， 那它的意思指的就是目标，那这个目标它简单来说啊，啊，就是说它可以用来去指标，可以用来指标。我们将要打开到网页。啊，是以什么形式打开？ 那其实他有两个指，那对我们目前来讲啊，我们重点学习的是他的两个指，那第一个指呢？叫做这个单词一个字母都不能错，下滑线，本来，可这本来可指的就是空白，意思 这是空白，那所谓的空白，也就是说在吸窗口打开，再来一次。好，此时呢，我们把他的指定下叫做杠，下向是下线的两个保存就可以了。好，此时呢，我们再来演示一个效果，右键直行。 好，那此生呢？不一样，那我们现在呢，来给我们另起一个新的窗口，打开百度，走，这 大家看一下，此时呢，他是在新的窗口打开了百度，对吧？你看原有的网页呢，还依然保留，这就是布兰克，那么当然了，他还有一个值，这个值呢叫做杠笑，那这个杠笑呢，就是自己意思，那自己意思说白了就是在 斗士呢，在当前窗口打开，那表示的意思就是在当前窗口打开。那你说我注意啊，我这地方干什么？告诉你保存啊。可他给他呢？他的默认呢？ 就是杠四 f， 对吧？好在当地这个答案，那么也是他的默认方式，默认默认就是杠 cf， 如果说你想让他在空白的一个新窗口打开，那就要指定杠 black black。 好，这个是我对超链接的讲解，我就先说到这里。
01:07查看AI文稿AI文稿wescote 插件推荐，刚入行的同学一定要收藏好了！第一款插件，你一定看腻了这样的代码页面了吧，那这样的页面会不会更好看呢？ 第二款，中文翻译插件看啊，左侧状态蓝的选项变成了中文，再也不用害怕英文不好也学不好编程了。第三款，外部浏览器打开插件，按 alt 加 b 就可以让你的网页快速用浏览器打开了。第四款，标签同步修改插件注意看， 当我修改一对标签的前一个时候，结束标签也会自动变化。第五款，自动补齐结束标签插件看啊，输入一个开始标签就会自动出现结束标签了。第六款，路径自动补全插件，输入路径的时候自动显示文 文件的路径，是不是更方便了许多？第七款，学 bu 的同学一定要安装，它可以让 mu 的语法高亮，智能感知的。好了，这期插件就分享这些，你们都还有什么要补充的插件可以去评论区交流一下。
2.1万小阿狸吖.
01:47查看AI文稿AI文稿最近有人问到一些 disco 插件，那我就给大家推荐几款吧。 lit server 是前端开发入门必备的一个插件，点击鼠标右键即可跳转浏览器进行查看。 由于 misco 的本身不支持嵌套注射，我们可以通过 h t m l comment 插件来实现。快捷键 c t r l 加 shift 加即可嵌套注视。 image creed look， 它可以实现在项目查看本地图片文件，支持 svg 格式输入，移入图片链接可查看大图， 并且在 gs 和 css 中同样有效。 powermode， 它可以生成多种打字特效，我目前打字带火的特效就是使用了这个插件。插件下载完成后需要自行配置，它还可以实现这样的效果， 大家可以去某度上复制相关的配置代码 auto rename text， 不管修改开始或闭合标签， 该插件都可以自动同步修改，支持同步 h t m l 和 x m l 标签。想要使用国内版本的 check g p t 搜索 check g p t 安装，然后点击活动栏 g p t 图标即可开启聊天功能。无需登录和使用魔法工具。 view helper 可以给 view 代码进行代码提示。按下 c t r l 键，点击即可跳转查看该组件原代码。点击即可跳转查看该组件原代码。 鼠标一入组建代码快，会有一些对应属性和参数提示，在使用 fm 组建时，他也可以自动生成组建视力代码。
6523茄子懂编程🙈
02:06查看AI文稿AI文稿这个，这是一个段落冲上，好，我现在呢把这个端过 c， 然后呢直接放到这个 p b c 里面去保存好就开了。好，写完了我们用剑直行走着。 好，因为发现啊，我们这个浏览器有多宽，那么这个文字呢？他会一眼呢？就是，呃，就是会从左到右往后排，是不是？ 比如说我浏览器我缩小，在我缩小之后呢？你会发现这个 p 标签中的利用，它是不是会随着我们这个浏览器的缩小，它也会，这个文字它是不是会被挤下去啊？是吧，很明显会被挤下去啊。那换句话说呢，对于我们这个段落来说呀，如果说你这边直接是一个一段文本，一段一个段落用 p 标签给包裹起来的话，它确确实实现在是一个段落了，但是你会发现这个段落 跟我们人家的这个报数不太一样，有没有发现也不是说从左到右数一次往后排了，是吧？不是这样的，他是会换行的。那换一个换行我们怎么去实现呢？那关键 要比说我们现在要在这个取材这要时间换好，那有的人会说简单，对吧？那有的话，那我干脆直接呢把这个文本在我们编辑器中直接换好，行不行呢？注意啊啊，你看啊，你在这个地方换好，以前好像我跟大家也提到过一句话，也就说你在编辑器里面的直接换好，这个刘德华他不认得，他根本就不属于你，是不是你再去刷新， 你会发现他一眼呢？还是在一行显示的，那这个该怎么去解决呢？换行，说我如何的就是想让浏览器识别我到这个地方就应该要换行呢？怎么办呢？哎，此时呢还是那句话，你想实现什么效果就找什么相应的标签。那现在我想实现换行这样效果，我就找换行这样的标签。 那我打个法就是换行标签，就是 b r 直接这样写就可以了，那么 b r 指的就是换行。那同样的道理，那我们找到这个山西的那棵老槐树，对吧？在这地方是不是要换行啊？那我们在这个地方也可以 给他加上一个换行就可以了。好，然后老槐树这个地方加上一个 b 二换行就可以了。好，就可以了。那此时呢？中央说，你看我的代码，我这个当话依然是写在一行的，对不对？要在一行写照，但是其实我们还是要过再去刷新，保证大家看一下就 换行了。那么这个第二个含义就是强制换行，强制换行，这就是换行，换行的含义。
01:34查看AI文稿AI文稿大家好，今天我们再来看一下 max 扣的多行编辑的强大功能， 那么这里我们需要做十一个这样的 case， 十一个 case 分别就是这十一个巴特里面的这个 id。 首先我们把这一个 case 往下复制尺寸 新的艾特下方亮剑， 然后拖行，选择特写 idpptalt， 鼠标左键 ctrlcft， 右方向键复制， 然后双击选中第一个 case 的标识， 然后右键轻轻按了，开始 ctrlv 粘贴，然后选中这个函数。同样的请注意了， 这是我们移动左方向键 ctrl shift， 右方亮键 ctrlv 粘贴。好，谢谢大家。
44Word疑难咋整
06:49查看AI文稿AI文稿小伙伴们大家好，今天主要给大家分享的是 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 加低，是吧？ 回车是不是就变了？所以这里面其实这个快件我没必要记，我们直接按照自己的习惯，我平时怎么用，我就把它设置成什么就可以了，对吧？这就是今天的分享内容，希望对大家有帮助。
63我们一起学前端
02:25查看AI文稿AI文稿大家好，这个视频非常短，主要是对 vsq 的配置做一个补充说明，前面给大家介绍的都是只有一个美女，呃，原文借对吧？ 但是我们在实际的项目里面，他不止一个原文件，可能有多个原文件，而且在不同的文件夹里面，如果是那样的话，那原来那个配置他只能管理到，没有其他的文件管理不到，这个时候呢，就需要修改一下这个配置文件，这个配置文件从哪进呢？这个地方 我把它修改成了这个文件夹的路径，这就是个羡慕文件夹的路径，然后下面输有的点碎文件，当然你的碎文件也可能呃不在一个文件夹里面，还有多个文件夹那里嘛， 你就要全部把它扩起来，比如说还有一个文件夹在这个下面，这就可以了。如果你还想呃不含其他的头文件，那么你也可以，比如说有个孩子的话， 黑棋 点一起，这样都可以。你把所有的相关的你毕业的过程中需要用到的这个原文件，投文件都放在这里就可以了，就可以毕业通过了。 你像我这个程序呢，还有一个原文件是爱的，是吧？那么他现在就能够比喻通过的，如果按照原来 看铅笔 他是可以别通过，这个地方 你得反对，咋回事 啊？这个地方，这里面有个醋有个醋的， 好了，毕业通过了，对吧？没有问题。
157嵌入式经验分享
03:22查看AI文稿AI文稿大家好啊，上一期呢，我们介绍了一些在 vivo 项目当中很好用的 vis code 插件，但是我这里还有一些其他非常优秀很好用的一个插件给大家看一下。那第一款插件呢？是 controllog， 那大家也知道，我们在项目当中写代码的时候会经常打 log， 那比如说我们要打这个 result， 我们 log， 然后 得手动这么打，然后有时候还得做一些特殊标记，对不对？这样会很麻烦，手动敲的话太费时间了。那有没有什么自动的方式呢？当你选中这个边亮的时候，再按住 ctrl alt l， 你会发现它下面自动生成了一行 log， 然后 log 呢，它会选中你的这个文件名称，然后多少行打印的是哪个 变量名，他在哪个函数里面，他都给你写的清清楚楚的，一键生成，非常方便。第二个我们要介绍的是 auto nametag， 这个大家应该很常见了，就是你在编写这个标签的时候，你想同步修改，前后两个一起， 那你安装这个插件就可以了。下面一个呢是 coseriner， 这个是一个可以在 vs code 里面直接选中某些代码，然后直接运行，这样你可以编写一段代码，不用跑到浏览器里面运行 gs 代码。给大家举个例子，看这里， 你看他会直接运行，把结果打赢在终端里面。下一个呢是 get have a response tourist， 这个插件我平时在阅读原码的时候 非常常用，很好用，比如说我们这里新建一个窗口，比如说在这里我们选中啊，这里我已经打开了，这个时候你打开的就是远程在 github 上面的 view 的项目， 这样你就可以直接阅读原码了。下一个插件呢？ comment checks letter， 这个插件呢是注视翻译，哎，你在阅读原码的时候里面会有一些英文注视吗？但是会有一些英文不好同学读起来会非常困难，比如说我们 鼠标放在这，他就可以直接对这一块进行翻译，会非常方便，在你阅读阅码的时候效率非常高。接下来一个呢是 cold spell checker， 这个东西其实就是在你写代码的时候，防止你英文不好拼错单词的一个作用，你比如说你可能写错了，把 l 写成了爱，哎，这时候他下面就有会有波浪线 给你提示，哎，你是不是写错了呀？啊，你看看，好好看看啊，这时候才打对了，下面一款呢，给大家介绍一下。 image proview， 这个的作用是 你在页面当中引入一些静态或者动态图片的时候，会在左边有一个预览图，会方便你进行查看。这是一张远程的图片链接，但是左边呢就会有一个图片的预览图。那最后一个我们要介绍的是 life server， 比如说他没有本地服务器运行的时候，你就可以用这个，比如说你临时写了一个 html 文件，你想用本地服务器跑一下，那你这个时候 用它会非常方便。以上十款插件呢，是我经常在项目当中使用且真的很好用的几款插件，大家也可以在自己的项目当中实际使用一下。
1561程序员少北晨
01:19查看AI文稿AI文稿有小伙伴好奇我的 vs 扣了用的什么样的图标？不同的变量，他有不同的颜色，这个颜色看起来还挺好看的，我告诉大家我是用的这个 one duck pro， 大家可以去咨询下载一下看看，看起来还不错。还有一个好用的插件，你看我这里面的每一个文件前面都有这种不同的图标，这个是怎么实现的呢？我在这里面装了一个这个插件， 这个插件安装完之后他会给不同的文件加不同的前置，他有这么多。还有一个插件，我们在导入包的时候，他后面会显示这个包的大小，那么我是用的这个插件， 大家也可以去安装一下，编辑的时候他会在后面实时的显示你你的这个包的大小， 你说这个引流袋子大概是七十 kb。 还有这个利物 show 插件也非常好用，这个插件安装完之后，会在你的这个外扣的右下角，它有一个勾利物这个图标，比如说我们选完一个页面要看它的效果，要运行起来，这时候我们可以点它， 点了之后他默认的会起一个五五零零的端口，我们就可以看一下我们显瘦，这里面也可以随便加加东西，加完之后他会自动变化的。
414大伟聊前端（全栈AI）
15:09查看AI文稿AI文稿好了，那从现在开始的话，我们正式进入旧一班的课程哎，在基础班我们学 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， 卡上加微就可以复制一行，无需选中。再有一个呢，那我们说了，试图那些放大和缩小是不是卡着加加号可以？放大是图，卡着加减号，放缩小是图就可以了。 那这是我们说了我们刚才讲过的几个哎使用的总结，同学们先把我列的纸条呢来体会完成它。
244黑马前端pink老师
01:06查看AI文稿AI文稿我现在呢有多行内容，然后呢我想让这个一变成一二三四五六这种按顺序排列，然后这个字幕串呢，我想我想让他随机生成一段内容用于测试。那现在呢，我们要一般更改的话，我们要一个一个手动改，是吧？一二三四五六七，只要手动一个一个改，这样比较麻烦， 我们可以这么做，我现在选中一个，然后按 cctmld d， 选中之后的话呢，我就可以这么操作。然后这一块 我从一开始，然后呢每次递增一个，这时候呢我回车，你看现在就变成了一二三四五六。 啊，这个支付串这块我们怎么操作呢？这块我们可以这么操作。好，你看现在呢我这个内容呢就变成了全是 随机的，是吧？非常的快速。那这个功能呢，用到这两个插件，一个是生成随机的内容，一个是生成随机的数字，所以有些小插件确实给咱们能节省很多时间。大家点个关注，我会经常分享一些有关于编程的知识。
381后盾人
01:55查看AI文稿AI文稿我们代码每次做了修改，你这个浏览器还需要重新刷新一次，比较麻烦。那有没有一种简单的方法当我这个 visco 的呀，每次保存了页面自动刷新，自动就变成最新的页面呢，这就是接下来我要给你介绍的这个 live sir， 这个插件是你们前端人员的啊，不对，是我们前端人员 必须要装的一个插件了啊，在这里面我教给同学们一个小技巧，把我们这个 wesco 的呀，你可以哎，缩小一下，把浏览器呢也缩小一下， 然后呢和我们的 sq 的并排放到一个窗口上，那这样的话就是一个左右分屏的效果，新建一个页面啊，比如说我们去做 打死他点爱的睫毛，生成我们的骨架。那这点完毕之后呢，我们再来打开我们的浏览器，现在呢，我就右键 open v 字雷五四二网，稍等片刻啊，好，启动开了，这是一个 diy。 好，然后呢？牛年，呃， 牛腩面，牛腩面啊，也行，是不是啊？牛腩面好，你看啊，我只需要在这里面卡加斯保存走着，哎，你会发现上面这个地方是不是自动就进行我们现场 出来了，那在这有个注意点，如果同学们想要使用这个插件呀，一定注意，先使用 westcoat 呢，打开稳定甲，否则的目录稳定甲才行。 还有一个呢，就是我们 wesco 的 x， 我在这里面新建了几个文件，你看 atm 五是不是写了一个五啊？我在新建一个 css 啊， indests 的点 css， 你看这儿是不是自动变成了 cs 三呀，那我再建一个 index 的点 zs， 喏，这是不是自动变成了 zs？ 那么通过这个小图标，我们就很清晰的看到你这属于哪一个文件，用的就是我们这个，哎，我已经装好的一个小插件叫做 westcold x， 那我们在修写我们的节奏的时候，你看啊，我说一个 diy 表情，按下 top 键生成 diy， 那我想修 改前面这个标签的时候，后面跟着一起来变，那我们只需要这么做，双击选择 div， 你看我改成 spaspan， 同学们会发现我后面自动就跟着一起来变了。那这个我这个实行的效果就是用到了我们这个奥特瑞 nametiger 这个插件。
2435黑马pink
