vscode插件开发中可以使用vm模块吗

我们后面要写正式的商业项目，所以前面那种用浏览器和记事本的编辑方式就不行了，我们要有正式的软件和环境，这一切我主要讲一下 vs code 的安装和使用，以及 note、 zs 和 get 的安装。 好，我们来到浏览器这边，打开这个网址，可以用 vsc 点 midol 这一点 com 跳转到这里， 这个网址就是我总结的一些我们必修阶段需要的一些软件和环境。然后浏览器的话安装很简单，所以就略过，你们这边尽量用 a 值，用不了的用可用，我这边都有链接去下载安装就可以直接使用。 然后下面我先讲云环境，云环境就是在厂商服务器上的环境，当你的电脑配置不行，或者说你自己安 装有问题的时候，那么你就直接使用云环境，云环境会默认配置好所有东西，我们直接使用就行。来这里我们先看 colod studio， 这个是腾讯云的， 点击登录，注册后可以直接用微信登录。进来之后我们看下面这个新建工作空间，点击新建第一个 on one， 他就会包含所有的语言和环境， 然后我们给他命名二一零一，选择仓库为空，然后创建，创建好后双击进入，等待一下就会进入。 我们先把模板关掉，然后左边这个就是文件夹栏，右边是欢迎页，我们先关掉，点左边新建一个文件，命名为 ext， 点 html 可以看到创建了一个 html 文件，输入 html 有自动提示，选择这个 htm 五，点击后就会自动补成一个空的模板。 我们先写一个 h 一标签，然后为了在他这里面能看到这个网页效果，我们来这边的插件市场拓展安装插件，这边选择 live， 可以看到有一个 live preview 插件，点这个安装，呃，他这个有一点问题，就是不会实时改变，所以我们退出一下再进来， 然后右键就可以看到这个来无 preview 选项数，就是展示，点击后右边会出现提示，点这个三千端口信息，打开内置预览， 可以看到这个网页出现了，我们修改文字之后刷新一下，可以发现它实时的修改 好这个 live preview 插件，他会帮助我们在云环境上起一个网站服务，然后看到网页，我们也可以在这边创建一个新的 htm 文件，用同样的方式给他输入模板， 写个 h 一标签，输入我是第二页， 再回到 index 首页这边输入 a， 创建一个 a 标签，把他的网址改成第二页的地址，输入前往第二页， 在预览这边刷新一下可以看到这个链接标签，点一下前往可以看到 跳转到第二页了，这就是两个网页之间的跳转。然后还有一个是可乐的 id， 这个是阿里云的，用阿里的账户登录之后也可以创建新的空间，这边我就先提前创建了一个， 这边的扩展是 live silver， 前面那个在阿林不能用，但这两种插件效果是一样的。安装后点右下角这个 go live， 它会自动打开五千五百端口， 这个单口是什么呢？比如说 ip 地址是你的小区，那么单口就是你小区的门，北门、南门这样， 这样每个端口代表一个门，所有的网络请求会从这个端口中进来，出去可以看到这边也是一样，实时修改后刷新这个网页，这个域名是云环境给的，可以暂时。 另外这两个是国外的，英语和网络不好不要看，有需求的同学自行选择。 下面是主要的问题，就是很多同学下载 vs 扣的下载不下来，因为网速很慢，国外的地址，然后我这边就用了加速连接。你可以先选择你的电脑版本，然后点击这边匹配你电脑的版本，然后你就可以看到他这个下载速度非常快。 下载下来之后打开点击，我同意，然后勾选这个全部，然后再下一步，下一步安装，安装好后直接完成运行就可以。刚进 来的时候很多同学说全是英文，看不懂，其实你只要稍微等三秒钟，右下角就会出现这个安装语言包提示，并显示语言更改为中文简体，你点安装并重启就可以了，重启之后看到已经是中文。 另外在这边点击插件市场也可以看到这个中文插件，我们先卸载掉，假如说你没有看到右下角那个提示，那么你可以来这边插件市场，然后搜索 chinese 中文，然后点击安装，重启一下就可以看到中文了。 visco 的左边依然是文件夹栏，我们点打开文件夹，可以选择桌面文件夹，当然你们也可以选择其他文件夹。我这边为了显示方便，就用桌面点开后 勾选这个信任，这个暂时不用管，也不用理解，勾选就行。可以看到左边已经是打开了桌面文件夹，这里面有我们桌面上的所有文件 index 点 s t m， 在这边是我们前面写的那些东西，然后我们再来安装一下插件，让使用更方便， 可以按照我列的这个目录去搜索安装。首先安装 preter 代码美化插件， 这个插件的作用就是会格式化美化你的代码。我们写代码的时候要有空格，要有换行之类的， 我们自己写的时候如果一直按空格按回车太麻烦了，对吧？所以我们要用这个插一键，让他帮我们自动格式化。在文件夹中右键可以配置默认的格式，选择格式化文档。 如果我们用自带的格式化功能，他会格式化成这样子，我觉得这个自带的 htm 格式比较难看，然后用这个 party 插件他就更好看一点。 然后安装一个翻译插件 wsen translate， 这个插件呢是我昨天找到的一个神器，它有一个翻译悬浮功能，也有两个快捷键，我们看一下 就是双击一个单词选中，然后把鼠标移上去，就可以看到上面出现的中文翻译，换一个 单词也出现了翻译宽度，对吧？这个就非常非常方便，大部分的代码其实都非常简单，只不过是我们看不懂英语罢了。所以的话有了这个翻译插件， 我们就可以看懂代码。然后他有两个快捷键，一个是 l 特加 t， 可以自行输入中文，然后翻译成英文，也可以用 l 特加 w 把选中的单词翻译成中文。 还有一个比较常用的功能是搜索跳转，这个功能是什么呢？就是我们碰上一些东西不会的时候就要去搜索，对吧？但是每次复制粘贴太麻烦了。 这个插件安装之后就可以一键跳转到搜索，我们这里安装，然后回到页面，选择一个单词，右键可以看到它上面有个 sexy online， 就是在线搜索的意思，默认是用谷歌搜索，但是谷歌大部分人上不去，所以要选这个 switch 换到这个病，推荐大家以后用病搜索，然后就可以看到直接跳转到搜索页面，不用复制粘贴，非常方便。 还有一个传斯类唐恩赖自动打开翻译网站也是比较方便， 但是我们有了那个悬浮翻译就不怎么会用这个，我们因为刚安装他这个插件有点问题，需要重启一下，按 f 一输入 restart， 选择插件速度重启可以重启， 然后点这个设置小图标就可以打开这个插件的设置。我们这边把他的默认翻译情改成 并。然后还有一个配置是显示在状态栏，勾选后翻译会在最底下的状态栏显示，比如说我们现在双击单词之后，可以看到右下角出现了翻译，这个也是比较方便，但是有点乱糟糟的，所以我还是把它去掉。有需要的同学可以打开， 所有插件的自定义设置都是这样的，点那个设置小图标，然后还有一个来 preview， 就是我们前面语文环境刚刚使用过的，在本地更好用。 搜索之后安装插件，它相当于给本地起一个网站服务器。以前我们打开网页，其实不是服务器打开，是用文件系统打开，然后这个打开之后可以看到是用使用服务器去打开 这里幺二七点零点，零点一是我们本地网络的 ip 地址，然后这个网站服务器在三千端口上，端口呢？还是那句话，就是相当于小区的门，所有流量都要从不同的门里进来，出去 有八零端口，有四四三端口，有六千端口，有五千端口，有三千端口，这样都可以。 然后再安装一个 vs code icons 插件，这个东西就是美化我们的文件的小图标，可以看到我们这边的小图标就变成了这样美化的啊，但是我觉得其实也没有，所以我就卸载了，你们需要的可以自行安装。 除了功能插件，还有一些主题插件，比如我们可以搜索 theme， 会出现主题插件，按 fe 输入主题，可以打开主题的设置，他这边 有很多内置的默认主题，比如说如果你喜欢浅色，那你可以选择浅色，如果你喜欢红色，可以选择红色，但还有很多其他的颜色，你们可以按照自己的个性，自己的喜好去配置，然后搜索出来，有很多主题，你们都可以去查看它，然后安装使用， 比如你看这个 atom 就是这样。 还有 winter is coming， 叮咚将至， 还有这个 material 主题，反正各种各样的漂亮主题，你们喜欢哪一个就用哪一个，这个是看你个人喜好的，随便都可以。 ok， 大概就是这样。然后插件的话，我这 暂时说这几个。再就是一些小配置， 怎么配置呢？就是点文件，点首选项，点设置，然后就会打开这个 vs code 的设置页面，我们先把 auto sale 打开，它会自动保存，当我们写完代码后，让它自动保存，就不用按 ctrl 加 s 了。下面是 fun size 字体设置大小， 可以看到这边显示字体会变大，这个就看你自己的喜好设置了。 还有一个是 for my town see you， 公选之后，保存文件的同时会自动格式化代码，你按保存它就会自动美化你的代码，不用你每次都右键去 点击格式化，很方便。 由我们这边来试一下。先写一个 d 五标签，可以看到 ctrl s 保存后，他会直接换行，而不用我们去敲回车。 然后再写一个 p 表现，他和前面一样， ctrl 加 s 保存后他会自动换行，不用我们再按回车，这样你就很方便。 然后再设置一下默认的格式化插件，我们选择 preteer 就行， 然后再设置一个林可以迪厅勾选 之后他会有什么效果呢？比如我们写的这个 p 标签，他前后两个开始和结尾，有时候我们写完前面的标签就忘了改，后面会出错，有这个之后我们改前面，他就会自动把后面的标签也改掉，这个写 html 的时候非常方便。 还有一个问题就是新版的 vs code 会对容易造成误会的标点符号进行提醒，比如说我们中文的分号和逗号等。 出现这个黄色的小框，如果你想去掉它，那么鼠标移动到上面，然后点调整禁运就行。 好，说完了 vs code， 再说一下安装这个 no 的 gs， 它是运行加挖 scrap 的后端框架，我们 进来这个链接之后，可以根据你的电脑选择不同的安装包，我这边就选择我的电脑是六十四位，然后点击打开，哦对，我这边因为原先已经有，所以的话这边是不男装更低版本， 我们也可以去 no 的 gs 官网去下载，这边搜索 no 的 gs 就会有这个官网，这边可以下载两个版本，我推荐你们下载那个 lts 的小版本，因为像这个最新的，他有时候会有一些不稳定的情况。 然后我们这边下载下来之后，点击我接受，再一直点 next 就可以一路下一步，然后点 install 就行，我这边就取消了，因为我有你。安装好后记得重启一下电脑，然后再安装这个 gate。 get 的话是版本管理系统，我们以后写代码需要版本管理是需要安装这个的。好，进来之后还是按照你的电脑是三十二位还是六十四位去安装一下，如果你实在不知道是什么，那你就安装三十二位也是可以的， 因为六十四他可以兼容。算上好像下载太慢了，我就不下载了，你们慢慢等。重启完之后回来这边点击新建终端，可以打开这个中端框，然后输入 no 的杠 v， 他会出现一个版本号，就是说明 no 的 gs 下好了。 其实云环境那边的配置和本地差不多，云环境基本上都是基于 vs 扣的做的，我们来这里搜索 party 插件，然后点击安装。这边的话安装会慢一点，但有些插件不兼容，比如说这个翻译插件在云环境就没有， 可以找个别的反应插件，比如这个也不影响使用。如果你电脑不行，或者说不想安装或者安装出错，一律建议使用零环境，哪怕他有些插件不能用，但足够你个人使用了，稍微有一点不方便而已。 我再来讲一下 vs 扣的的文件系统，左边这里相当于一个文件夹，我们这边创建一个文件之后，可以看到桌面上也自动会出现文件，大家懂了没？然后我们在编辑器中把这个文件内容改变之后， 回到桌面用记事本打开那个文件，可以看到他会出现一样的代码，就是说你在这边所做的所有修改都是会同步到我们这个文件夹里面的啊，相当于高级的记事本嘛。 我们也可以创建一个文件夹，同时看到桌面上也出现了文件夹，还可以拖动把原先的这个文件移动到文件夹里面，所以有这个文件系统后，我们就不用再切过来切过去设置各种文件了。 另外再创建一个 a 点 txt， 说明他不仅仅可以编辑 stm 文件，其他的所有格式文件都可以编辑，我们用文件管理器打开后也可以看到出现了， 然后我们在文件管理器上新建文件，可以看到 vs code 中也会同步显示新建的文件。 还有一个就是切换文件夹功能，比如说我们现在不想用这个文件夹的文件了，我们就选择另一个文件夹，这边我打开一个新的文件夹，就会出现新的目录，这个就是我们前面放图片的那个文件夹，然后也可以回到这个桌面。 另外还可以新建窗口打开第二个 vs code， 在这个多项目写的时候会比较常见，有不同的 vs code 窗口写不同的项目，同时在他们之间来回切换。 也可以在一个窗口中打开两个工作区，一个工作区其实就可以理解为一个文件夹， 可以看到这边的工作区里面同时出现的桌面文件夹和那个视力文件夹，两个都可以同时使用，就可以把第二个窗口给关掉了，这样的话在一些情况下比较方便。我们也可以把这个文件夹从工作区删掉，不是实际删除 好，删掉之后再打开装备文件夹回来，然后点一下文件，打开编辑器。我们现在来说一下几个常用的快捷键， 平常写代码的时候会比较常用，首先是 ctrl 加 d 会选 选择下一个相同的字符，就是当你选择一个单词之后，按一下 ctrl 加 d， 他会同时选择下一个，然后一直按会一直选，比如说我们这里按了三下就会选择四个相同的 p 标签，我们改他的话会同时改四个地方，这样的话非常的方便。 再就是按住 alt， 再按一下鼠标左键就会添加一个光标，也可以添加多个，多个光标同时添加之后我们输入文字，他会同时改变多个地方，这个功能也是非常方便。 ctrl 加 s 保存之后， ctrl 加 z 是撤销。然后还有一个是复制一行，我们可以用 alt 加 shift 加上下 下键就可以快速的把一行代码复制到上面，或者是复制到下面，我们用 ctrl 加 c 复制，还要回车之后调整位置，在 ctrl 加为粘贴，这样比较麻烦，但是我们有了这个快捷键之后，按一下就会复制一行，比较方便。 接着是查找 ctrl 加 f， 当你一个文件中的内容比较多的时候，我们想找一个字符找不到，就会用这个 ctrl 加 f 查找， 然后输入字符就可以拉开这个小箭头是替换，我们可以把查找到的东西按一下替换，替换掉我们需要替代的字符，然后右边是全部替换， 左边是单独替换，意思也就是字面意思点一下单独替换，可以替换一个单词，点一下替换，全部可以全部替换。 再然后是全局搜索，点左边这个搜索图标就可以搜索我们打开的工作区里面的所有文件的字符。比如说我们现在有两个 html 文件，输入搜索 html 的时候可以搜索到这两个文件家中的字符，我们点开之后可以看到一个是在 index 里面，一个是在 hi 里面， 这个全局搜索比较适合在多个文件中搜索东西。然后说完这个之后，我们再来看一下布局。 vs q 的很方便的一个功能就是可以分开创客， 比如说把一个文件放在两个窗口，这样的话适合在同一个文件的同时查看，两个部分 也可以适用于多个文件的同时使用。比如说我们这里先演示把上面这个抬头复制一下，然后在最下面粘贴进来，或者在右边的话中间也粘贴一下，可以看到 可以同时看到上中下三个部位，写的时候就很方便。你也可以用这边的布置设置，把它设置成两栏四栏，然后可以看到有四个部分都可以同时编辑， 然后外观这边还有很多东西，他们有不同的作用，你用的时候可以自行尝试，当然也可以不动，我的建议是不要动，前期的话不要折腾这些东西，因为他默认的就很好了，我们只需要知道怎么把他这个窗口 拆分什么的就行，然后选择这边还有一些常用的快捷键的按钮，也可以用这边的鼠标点击使用， 再回到这边首选项有个键盘快捷方式，这个页面里面就是所有的快捷键，你们以后如果想要什么快捷键都可以在这边搜索到查看到，也可以去修改，双击他的这个键绑定，然后输入你想绑定的快捷键就可以。 然后如果你不想改或者是冲突了，就可以再去把右键重置，按键绑定会恢复到原来的状态。这个的话先不用看，我只是说一下，哦对，还有一个帮助，比如说你们不会的时候可以点这个帮助开始，然后 在这边有他的一个小教程，也可以看一下他这个小教程，教你们学会更好的使用 vs 酷的。再接着我们按 f 一打开这个设置选项，我们可以看到有不同的设置，这里面有非常多的设置，直接输入功能的字符就可以搜索。 我们这边打开 live preview， 可以看到是乱码，因为我们这个文件夹是中文的，他这个插件不识别中文，所以我们以后写文件夹写文件名尽量要使用英文，因为中文在这方面确实支持不好，我们改成英文之后他就可以正常显示了。 最后我们把这些不用的可以删除掉，右键删除到回收站就行。好，那么本期到这里，本期的作业就是配置好你的环境，然后好好练一练所有的快捷键使用之类的东西。 下期我再补充一个用四 ss 写真实项目的案例，帮大家解决 css 的疑惑，拜拜。

大家好啊，上一期呢，我们介绍了一些在 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 文件，你想用本地服务器跑一下，那你这个时候 用它会非常方便。以上十款插件呢，是我经常在项目当中使用且真的很好用的几款插件，大家也可以在自己的项目当中实际使用一下。

disco javing 纯键盘操作高效搭配方案哇今天我们会给大家去介绍一个 vs code 非常好用的插件，叫做 vim， 我们在 vs code 当中的话，可以先点击一下这个符号，然后呢输入 vim， 点击之后呢大家需要安装一下， 安装成功之后我们就可以在我们的代码当中进行一个使用了，比如说我们回到我们当前的代码，来到代码里边之后，我们就可以使用 vim 给我们提供的快捷键，比如说我们想要让他往前走的话，你可以按 w 键，那你再按 w 键就会一直往前走， 你要想让他往后走的话，你就按住背键，那按了背键之后的话，他就会往后走。如果说你想要来到最后一行，你按住 shift 键加 g， 这样的话来到最后一行，想要来到第一行的话，你就按住两下 g， 按两下 g 就来到第一行。如果你想要去到某一行，比如说我们来到十一行的话，那我们就直接输入一下 十，然后回车就来到了十一行。如果你再想来到这个二十一行的话，你再来十回车，你就来到了二十一行，这样的话我们就可以快速的在我们可见的范围当中找到我们想要去的一个位置。如果我们想要去删除某一个东西的话，比如说我们想将管理系统删掉的话，我们可以按住 d 和 w， 这样的话把后边的内容删掉，你想恢复回来的话，按一下 u 就会恢复回来，你想将整行这块内容都删掉，按两下 d， 这样的话就都删掉了，我们再恢复回来就恢复回来了。这就是 vm 给我们提供的一些快捷键了，还有更多的内容需要我们慢慢的去发掘，可以提高我们的开发效率。

呃，我刚刚下播，刚才在直播的时候，有人问我这个浏览器怎么在 vs 扣当中显示出来的？呃，这个特别的方便，我们在修改代码的时候，这块会同步的热更新能看到结果，我们就不用每次修改之后再切到浏览器里边了， 尤其是你在开发移动端的时候，开发 h 五的时候，是吧？这样的话呢就特别的方便。这个是怎么做的呢？我们需要安装一个插件， 安装一个插件，安装这个插件，我们安装完这个插件之后的话呢，就有这功能，我教你怎么来进行使用，安装好之后，在你的状态栏上会有个 wit 这个图标， 你呢就可以把它选择开启啊，现在我已经开启了。安装好之后啊，我们可以回到配置项当中，在配置项里边这块有个选项，就是当你 vs 扣的启动 的时候，他自动进行开启，那么，呃，我们启动 vi 扣，他会自动开启啊，然后的话我们可以点这个按钮上面这个， 这样的话呢就会把这个给他打开，那每次通过鼠标点击，以我个人来讲，因为我非常喜欢用键盘来进行操作，不太愿意用鼠标，所以呢我习惯于把它变成那个热键， 所以呢我们可以定一个热键啊，那在这一块我就定了这样一个热键 come on 的 r， 所以这个时候我把它比如说关掉了， ctrl w 关掉按 come on 的 r 之后呢，这个插件就能启动起来，非常的方便。 这插件里边呢有这样的一些功能，比如说这是调试的，就类似类似于我们的浏览器的调试，但是浏览器的一些插件在这里边是没有的啊，好，然后这一块的话呢，我们点击它可以让我们直接打开我们的浏览器显示这 页面在这一块，然后这块的话呢，我们可以刷新这一块的话呢，就是我们命令了啊，你可以选择变异啊，或者说停止这些服务啊，或者在浏览器浏览器当中打开都是可以。 当你运行的时候，偶尔他可能会出现问题，你可以选择重新启动一下这个服务就行了。那有了这个插件之后的话呢，我们修改起来就会非常的方便，为大家演示一下，比如说我们找到 这个没有主见在这里边我把这块给他加上什么呢？项军大叔啊，这是我保存的时候这块就会自动有这个内容了， 非常的舒服啊。在其次的话呢，我们也可以点击这个按钮，然后选择你的想象室，比如说在 i e 六 i 七 i 八，是吧？呃，进行这个设专有设备的一些调试。好，大家点个赞，我们分享结束，再见。

啊，因为最近有很多人就问我啊，编辑器怎么去用，用什么来好啊？我，我其实跟大家推荐大家可以用 vs co 的，我 觉得还是一个相当不错的一个编辑工具，其实他装好了之后就是这个样子，然后 vs 扣的呢？大家可以看 vs 扣的，他从看代码的角度来讲，他的观赏性还是不错的，就是他里边他通过各种高亮给你展示出来的代码结构，让你看起来稍微有一种赏心悦目的感觉，然后 他这个是怎么达到的呢？这个就是我们在用 vs 扣的时候，他本身只是一个变音机器，但是如果你想让他变得比较好用的话，其实你是可以 安装很多插件的。 vs 扣的他的一个好处就是他是一个开源平台，所以很多的开发者给他贡献了很多的这个插件，很多插件都非常的好用，比如说我给大家推荐几个啊，我自己最推荐的一个叫 night owl， 这个是叫黑夜猫头鹰，它是一个主题插件，就是装了之后你的 visco 的会变得很漂亮，就像我这样子，我这个好看，也是因为我装了这个黑夜猫头鹰的这个插件，它就会让你的整个的高亮看起来就非常的漂亮。然后除了这个之外呢， 有一个叫 pray tear 的一个插件， pray tar， 这个插件是如果你是做前端开发的，那我强烈建议你要装这个 pray tar 这个插件 pra tear， 它的作用是帮我们来做 cold format， 就是帮我们来把代码进行格式化的，就是很多情况下我们会发现自己写的代码不好看 啊，是因为我们不，不是很不是很很会去把这个代码做一个很好的格式化。我们俩举个例子大家就明白了。比如说我现在这个是一个加巴斯 creeper 的代码，这个代码里边假设我把它整的就写的很乱， 写成了那么长一行，这长一行肯定已经超过八十个字符了，这在我们编程来讲是不对的，我们应该保证每一行在八十个字符以内， 因为我装了 pray tea 这个插件，我一点保存，它自动就会把我这个代码给它格式化成一个最好的一个格式。其实 prata 它有一些预定的预先的一个设定，它是根据一个比较好的方式来帮你把你的代码格式化成一个固定方式，这个非常好， 非常好用。如果你是做前端开发的话，给大家推荐一下，现在我们组内就就都在用这个，这样的话就可以保证大家的代码在格式上是一致的。然后格式一致他就有一个很大的好处，就是我们在写代码的时候，因为 比如说你在公司开发一个项目，你在公司开发项目的话，那你不可能是一个人在开发，你肯定是你们组内会有很多的程序员，很多的程序员他就有可能，呃，我们在开发一个项目的时候， 可能我和另外一个成全在改相同的一个代码，这个时候他就会这个代码就会出现冲突，就是我在 往服务器上提交的时候，他也在提交，这个时候我们改了相同代码会有冲突。如果说我们两个的代码的格式有很大差别的话，那你在做代码的末制的时候，就代码的合并的时候，你就会很很很头疼，你就要处理很多的这种跟格式相关的问题。 但是如果你们都用了相同的普瑞特，你们的格式是一样的，那这个时候你只需要处理代码逻辑部分，交缠到一起的部分，其他部分你不用管。像之前我们没有用普瑞特，就大家都没有，所有人都用，之前有的人用了，有的人没有用。我们有一个文件，他的这个代码量比较大， 在和那个代码的时候，如果你跟别人发生了冲突，你，你和那个代码，你就会非常非常的头痛，需要花很多的功夫来改那个，所以这个翡翠可以帮助我们解决 个问题，然后剩下一个，嗯，给大家介绍一下，大家一定要装的就是 gear guitar， 不知道大家都清楚吗？ get 是一个就是软件协作的一个工具，版本控制的工具。我们在开发软件的时候，第一是我们需要知道软件历史的版本，为什么需要知道历史的版本呢？那是因为 有这个历史他有一个很大的好处，就是比如说我们代码改错了之后，我们可以回缩到之前的一个版本里边去。如果你装了这个给的 gurf 这个插件，就是刚才这个 get graph 这个插件啊，白格位。如果你要装的话，其实你就可以把这个插件这个蓝点开，就这个按钮点开了之后，你直接想装什么插件，你直接搜就可以了。比如说你搜 get， 他就会把跟 get 相关的插件都给你列出来，然后你就直接点击，没有装的话这儿有个 install 直接安装就可以了。 然后如果说有很多类似的插件，你装哪个呢？你就可以看一下他这边会有七百一十五 k， 就是说这个插件已经有七百一十五 k 的人装了，然后标星是四点二五，四点二五星就已经比较高了，那就证明这个插件用的人非常多，而且他的质量也非常好，那大家就可以来装这个。然后呢接着给大家介绍这个给的古拉夫 girlf， 它有一个特别大的好处，就是比如说我把我的命令长打开之后，这个有一个 gilograph vo girlf， 就是去看一下我们这个 项目，他的一个历史的版本，这里就会给你列出来这个项目都有谁改过，在什么时间，这是时间。 然后这个是人名，就是谁改的，这个是改修改的时间，然后这里是 cmeat message， 也就是当我们在做代码提交的时候，你需要写一段话，正就是写一下你为什么要做这个提交，这是很关键的，我们通过这个文字就能 大概了解。哎，这个项目到底就这个改动，他到底改了点啥？然后当你点开的时候，你就可以看到 这个修改，改了哪几个文件啊？这个改的不多，所以就可以不用管，我们可以找一个改的多一点的，比如说这个，这也是一个 啊，随便找一个我看看，这也是一个，然后这个点开了之后，他就可以帮你这有一个上下按钮，就是你可以看这个，这个人到底改了哪些内容，你就点上下，只改了一个就不管了，再找一个多一点的啊，比如说这个， 这怎么全是一个的，想给大家找一个多点的，还不好找也是一个。 这个比如说这个有两个，那它的一个好处就是它会给你列出来 这个这次提交都改了哪些文件，然后当你点击这个文件的时候，你还可以看到他修改了哪些内容，你点上下他就会给你切换到这还是只有一个改动， usb 加一减一，他这啊这个这个 ok， 这个你点上下的时候，他就会给你切换到下一个改动的点，这样的话你就可以看到这次的改动究竟改了哪些文件，然后这些文件分别改动了哪些点， 乖乖改动了哪些点，对于我们来看代码的话其实是非常方便的，然后呢他还有一个好处，就是 比如说啊，我们这次发板了之后发现这个代码有点问题，那我想要去看一下究竟是哪一个改动导致我出现的问题，那这个时候怎么办呢？你可以右键一点，这里有拆 cout， 就是你可以 会把代码回缩到之前的某一个版本，然后你看一下这个版本有没有问题，如果这个版本也有，你可以再往前回缩，然后这个时候如果说这个版本没有，你可以往后一点，这个时候你就很容易定位到到底是哪一次的改动导致了你这个问题。所以说这个是迪德国尔夫，这是非常方便的一个功能。然后还有一个插件给大家推荐是 叫 guitar lens， 这个插件非常的好，它可以帮助我们看一下我们当前这个文件里边究竟谁在什么时间点改动了这一行，比如说你想看一下这一行是谁改的，你就把你鼠标放到这儿， 你只要把鼠标放到这一行，他就会告诉你是谁在什么时间点在六年前改的一个代码，然后 come message 是什么，他为什么改的这行代码？然后你放到这的时候，他还会给你有 一个详细的说明，你还可以看到底他改了什么样的内容。那这有什么好处呢？就是比如说啊，你们，你们在代码你们组内发现了一个问题，然后你定位到这个问题是 这一行代码引起的，那这个时候怎么办？你只需要把鼠标放到这，然后他就会告诉你这个代码是谁改的，然后你一看我靠我改的这个代码就知道了，这原来是自己给自己埋的锅，这就知道怎么去处理了。 然后除了这个之外，还有一些比较好用的，比如说 geet histree， 这是我们 geet 的版本的一个一个东西，这个其实也是非常好，就推荐大家去装。 然后还有就是除了这些我推荐的之外，还有就是比如说你是啊写弗拉特的，那你就要装这个弗拉特的插件，如果你是写 c 的，你就要装 c c 呀的这个插件，就是你是写什么样的语言的，你就把这个语言相关的插件也装。比如说你写 passan 的，你就在这儿敲一个 passan， 他就会把拍损相关的插件给你列出来，我已经装了这个，你要想装其他的，你就直接点一个安装就可以了，但是这个只有两星可能就不太好，你就不用装了，你就装一个标星多一点的，大概就是这样，就是你要装一些啊好用的插件，然后再加上你使用什么样的语言，你就安装这门语言的插件就可以了。 然后还有一个给大家提醒一下，就是在在这个 vs 扣的里边，比如说我在搜索的时候是，嗯， ctrl 加 f， 他会调出这个搜索框。在调出搜索框的时候，比如说我想搜这个泰斯的迪塔 dto data， 大家可以看到 test data 的时候，他会把这几个都标出来，包括这个也给我标出来了，这是因为在搜索的时候我们可以这这里有两个空支键，我不知道大家能看清吗？放大点，这里有两个， 这个是包，是说他是啊 match case， 就是说他大小写也要匹配，如果你这个不勾的话，他不区分大小写，哪怕你这是个大写的底，他也会会给你匹配出来。如果你把这个勾了，大家可以看到这儿，这个就没有被匹配到，然后只有这个， 就你看点上下就没有，就说他要要求你的大小写完全匹配，当你把这个去掉之后，他就会忽略大小写的匹配， 然后后边这个指的是全部匹配，就是比如说我现在是个胎斯的 data， 如果不勾这个，就是他只要部分匹配到他就可以，包括这个胎斯的 data， 后边还有个 iq， 他都能给我匹配到，比如说这个， 这都是能够匹配到的，如果你把这个勾上的话，他就只是全匹配，然后除了这两个之外呢？后边还有一个正德表达式的匹配，如果大家对正德表达式很熟悉的话，用正德表达式来搜也是很方， ok， 这个是搜索方面的，搜索方面呢，在文件内部搜索是 come on 的 f， 这是在单个文件内部搜索的，然后如果你是在整个项目搜索，就是 come on， 加 shift， 加 f， 他就会在你整个项目当中去搜索，就搜索的内容会更多一点， 然后剩下一个还有一个技巧，就是如果说你不想这么麻烦，只是单纯的我想把这几个都改了，这怎么办呢？你就把这个双击，然后 ctrl d， 他就会把这几个都选中， 然后都选中了之后，比如说我想把它改成，哈哈，你这一敲，所有的都会被改成，哈哈，这个就很方便，这是一些快捷的一些方式。 ok， 那这个就先跟大家说这么多，然后看看大家还有什么样的问题。 对，就是刚才，刚才有 朋友也跟大家回啊，说了一下，我用的这个啊，我用的这个是 vs 扣的，我再跟大家打一下 vs 扣的。 vs 扣的。我跟大家敲出来了， vs 扣的 这个叫 vs code， 它是微软推出的一个编辑器，我我觉得对于初学者来讲， vs code 还是相对比较好用的。就如如果大家是初学者，然后想用一款编辑器的话，就大家可以用 vs code， 然后它有非常多的插件，非常好用， 这个在各个平台都有，包括 windows、 麦克，还有利尿斯迪亚都有，他穿插件的方式应该都是一样的，就不管你是在 什么样的平台。爸爸，哎，宝贝，把奶奶爷爷叫上。好的，哈哈哈，就不管你是 什么样的平台，你装插件都是点击左边蓝，这有个 excession， excession 就是它的插件，你直接点开，然后在这边搜索，你就可以装你想要的插件就可以了。我是强烈大家推荐大家如果说写代码的话用 vs 扣的非常的方便。