vscode2026更改配置

我们后面要写正式的商业项目，所以前面那种用浏览器和记事本的编辑方式就不行了，我们要有正式的软件和环境，这一切我主要讲一下 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 的疑惑，拜拜。

大家好，上一个视频给大家介绍了如何搭建一个岁月的开发环境，但实际上还不够， 因为上一个环境搭好之后呢，他只能运行，他不能调试，所以，呃，这个视频呢，主要给大家进行一定的补充，通过这两个视频呢，大家搭建的环境就完整了。 我觉得做这个视频啊，真的很费时间，因为我刚才录了一段呢，又感觉到不是很好，有些持续啊，有些内容又缺失了呀，又重新做了一下，真的挺费时间的。 主要要配置三个文件，这里我要给大家说一下这个配置呢， 有两个层面，一个是基于这个软件层面的配置，也就是说我们通过这个软件开发 呃，不同的项目，对吧？有些配置是一样的，不同的项目配置是一样的。那么如果是这种配置呢，我们应该放在这个软件的场面，这种配置应该从这个地方进去。 还有一类配置是卸于这个项目的，就在每个项目里面，他的配置有可能都不太一样。 比如说有一项目你开发汽罗斯这个型号的 cpu， 另外一个项目开发不同的型号 cpu， 对吧？那肯定是只系局限于这个项目的，像那种配置呢，就应该在这个地方局项目里面的这个配置，他各种 追胜文件。首先我们看一下这个全局的一种配置，全局的要配置什么呢？ 比如说我们的 b 七是吧？我这里呢就配置一个全局的这个 b 七的路径。 他的配置方法也有两种，一个是这个是用户界面可视化界面的方式，对吧？还有一种呢，就是追胜文件， 我喜欢在这写元代码的那种方式，你随便点一个，这里有这里就可以了，要不然特别难找， 他的内容非常丰富，很难找，我打开就行了。在这里呢我要跟大家说，呃，你不用看我的代码具体是什么样的， 我最后会出一个头条的这个文章，我把三个不同的配置文件的源代码的拷贝上去。然后我这里呢就给大家说一下哪个地方你需要进行修改就行了。 在这个地方呢需要修改的是这个，这个就是我们配置这个变异器的路径， 这个地方要指指定的，因为我安装的路径跟你的可能不太一样，这里需要修改一下，其他的你都可以直接拷贝的。 第二个呢就是在 变异的时候，我们变异的时候 要让这个项目进行变异，我们运行的叫任务，他这里叫任务，我们配置一下这个 啊，对，他这个就实际上打开了这个了，天使这里是空的，你这里配置好之后他这个文件才能在这里立出来。 同样的呢，嗯啊，这个地方已经有一个，我把这个这是点击之后他新加了一个，我把他删掉，你们是不需要的，因为我已经有了。 看这个这个有的是吧？到时候往回贴出来的我就给大家指明一下。这个看慢的就是比起刚才比起的路径，这是一个你可以有两种汽车是也可以， 都没关系的。 然后这里呢就是变异运行这个变异的气的时候呢，他 要附带的一些参数，这个参数啊，我们变异就是把，呃，我们写的这个程序是一个文本文件，对吧？转换为，嗯，电脑可以识别的目标文件吗？那么这个就是原文件 格式，然后这是原文件，然后这是目标文件。欧，就是奥布这个，然后深层的文件的名称，深层的文件名称呢？ 你看他这里就一个同样的名字，就是基础杨文杰，不带这个后缀的的，基础杨文杰的名称加上 yes e， 我们这个基 文件就是 man， 对吧？那么他这里生成的目标文件就是 man 点 ex e， 所以啊，其他的都可以直接用，你就要修改的就在这里。那这个文件怎么用呢？我们就是 这个就行，一行这个就行了，用快捷键写着 ctrlift 的笔， 然后他就直接执行了，生成了这个 mandyex e 文件，如果你的程序代码有误，对吧？那么他这里会爆出的是不可能成功的， 下一步还要进行调试，对吧？调试的话我们要指明调试器，在这里，我们打开配置文件， 当然我这里也配置好了，对吧？ 这个内幕呢，是你写四的一个名称，你可以随便写，根据你自己的喜好，对吧？ 然后呢，这个地方，呃，就是我们前面编一好的这个可知性文件，当然我这里直接写了个妹，应该把这个原来的考过来，可能会更好一些， 就是把这个这样的话就一致了，对吧？ 对，就可以了。 这个就是我们需要调试的格子井文件，然后呢， 调试器是这个参数，指明调试器的位置贴在调试器，我们用的是 gdp， 所以你要根据你的情况指明一下位置就可以了，其他的你都可以直接用。这里有一个要给大家说明一下的，我刚才就忘了。呃， 这个是我自定义的名称，你也可以修改成任意你喜欢的名称，对吧？与加载任务，他这个任务是什么？ 你自己设这里，这个设一个名称，那么这个任务就是我们刚才这里设置的任务， 看到没有？这两个任务的名称必须一致啊，这个大家千万别挖 了，数字的话也是不行的。好了，这三个全部配置好之后，我看才笔也好了吗？我们再调试，就是三点八根，快点进去，是 f 五 啊，这里按下一个断点，你看他就执行到这个断点这个地方停下来了，我们如果代码更多的话就可以进行调试了， 我们后面再给给大家看。怎么刚才变练啊之类的，因为一个视频太长了。

接下来我们来看第八个 vs code 的常用插件 pear dear， 我们的格式化代码的插件，这个插件主要用于我们格式化美化代码，我们平时在写代码的时候， 呃，经常会出现一些比如代码缩进不一致啊，包括这个不符合规范的啊，有时候的话呢，会， 偶尔还会这个代码格式的话呢，比较凌乱，对吧？那为了保持统一的风格，我们一般情况下在企业里面的话呢，我们都会统一的标准的。那呃，这些第三方插件的话呢，就给了我们很多这样的 格式化的这个标准，所以的话呢，我们接下来带大家安装一下，我们来使用一下啊，感受一下，那这里面的话安装也是一样的。首先第一个我们在 visco 的的应用商店里面，搜索框输入 cuter， 然后点击安装就 ok 了，然后 我们载在我们的设置里面，把我们的保存时格式化文件这个地方的话勾选上啊，就是你 ctrl 加 s 的时候，他会自动帮你保存，那光添加这个还不够哈，我们还需要将我们的这个 pry 点这个 代码格式化的插件设置为默认选项啊，那这样的话呢，你在 ctrl s 他，他就使用是我们的 prader 的这个代码格式化工具。那么接下来的话呢，我们来啊测试一下哈。 那首先的话呢，我们先打开，那么这个时候我们可以看到我们是没有安装的，对吧？还没有安装这个插件，那么这个情况下的话呢，我们先来把这个代码搞乱一点啊，比如他的格式，哎，空行啊， 包括这里面啊，乱七八糟的，对吧？哎，这个明显的话呢，这个是写的，你看这个水平的不行，对不对？好，我们这个 呃，来啊，把这个地方也给他打乱一下啊，有多乱搞多乱，你看看着就 s 保存是不是没用啊？ 啊？没用就对了哈，那么接下来的话呢，我们就来安装一下我们的这个 preda 啊，咱们这个插件，好吧，那首先的话，第一个我们点开啊，你在这里搜索我们的 prade p r e t t i 一二， ok， 回撤。好，那么这样的话呢，我们把它来在这个地方，我们先点开看一下啊，就这个插件没错啊，然后点击安装 好，那么等他安装成功，安装成功了之后，你会发现这个时候你看不见 s 还是没有用，对吧？我们刚刚讲了哈，光把这个地方哎 安装上还是不够的，那么接下来我们需要做一件事，就是那你看啊，这个地方他有个设置，设置里面的话呢，我们这里搜索 s a v e i so， 那 so 之后的话你可以看到这还有个什么呢？ format on show 就什么意思呢？就是我们在编保存时格式化文件，对吧？那这里我们把它勾选上好，勾选上了之后，其实它是在我们的这个配置文件里面哈，在这个地方看右上角啊，这里打开配置文件，然后它这里面给我们加了一行代码，看到了吗？ additive format on show 等于处啊， 意思就是说我们在编辑编辑器里编辑的时候，我们这个呃代码格式化的这个插件的话呢，就抗拒 s 之后他会给我们开启了，就这个意思哈，其实 vs code 给我们 做了一很好的范例，就是未来我们在开发很多插件的时候，你看他只要用配置的形式，说白了就把你这个页面上保存的所有东西都给你写到配置文件里面，那么如果你想保持这个，你只需要把这个配置文件啊，比如说你的这个东西保存一下，对吧？当然 vs 客的给我们提供了一个账户端 登录，你在任意的电脑上打开他的这个，你以前的代码习惯都会给你保留下来啊，以一个文本的形式给你算算，这个就非常非常好了，对吧？ 好了，那么接下来的话呢，我们这弄好了， ctrl s 了，好，你还能不能行呢？还是不行，你发现没有，我现在 ctrl 加 s 还是不行，那怎么办呢？我们这个是要将 ctrl 加 s 的时候，保存时要格式化，那么我们要按照什么样的规范格式格式化呢？就按照我们刚刚刚安装的这个， 这个 preter 啊，这个插件我们要以它为标准，对吧？ ok， 这已经弄上了，对不对？那怎么办呢？来右键啊，注意看，这里有使用格式化文档来点开， 那点开之后的话呢，你看这里，这里的话呢，我们要选择默认，你看配置默认格，刷程序，点击他，哎，你看这是一个 pose， 点 code format， 对吧？你点到这个啊，点一下， ok， 你再来看啊，这个时候再来看，点开， 是不是他这设置个默认值，这个代表我们一定要点这个啊，点这个他会跳转到这里，然后再点他，就把他设置为默认值了， ok， 好，那么这个时候我们再来看一下啊， ctrl 加 s， 接下来就是见证奇迹的时刻，我们看能不能行啊，看能不能恢复啊，来，一二三走， 哎，可以了，对吧？好了，没问题啊，那这个时候的话，我们再再搞乱一点来看这 s， 看是不是出来了，哎，你把这个搞的再乱啊，随便打乱没问题，看这 s 他一样可以回来的吧？ 那当然，这个地方的话，那不一样啊，这是你的文本里面的东西啊，那你只要在标签，因为一般情况下我们都是由于标签这个，比如说，哎，有那么一个没对齐啊， 对吧？哎，没对齐啊，或者这个地方多了个空格啊，哎，这个地方可能也多了两个空格啊，这样子啊，好像他也不影响什么程序运行的，但是他对代码的美观性还是有影响，对吧？所以这个时候的话呢，我们 这样一写之后哇，就非常破费了，是吧？那包括你这页面上写的 gs 啊啊，所有的其他东西啊，都是可以起作用的好不好？那么这个插件的话呢，是非常好用的，而且的话呢，也是我们日常过程中经常会用到的哈， 那比如说这些地方的话呢，你看你随意哎，你比如说你这里啊，你这里打两个空格，其实这都不影响成运行啊，但是的话呢，从美观上来讲的话呢，这个东西肯定是看起来是这个非常 low 的，对吧？那么接下来我们看下 s， ok， 没错啊，那具体细节的话呢，我们这些东西的话呢，他都是可以抗皱 s， 他自动就帮我们按照我们代码的格式化的标准来给我们格式化了啊，这个的话呢，是非常好用的。 好了，那么这个插件我们就给他简单介绍这里啊，那么接下来我们就开始给大家去做一些呃这个 vs code 里面的一些相关设置啊，希望我们在 呃开发项目的时候，写代码的时候能体验能够变得更好啊，甚至你可能在温度上面能体验到在苹果上面的一些呃系统级的一些这个 ui 啊，非常非常的好看的吧，而且用户体验也非常的棒，那么接下来我们下节课再给大家详细的。

嗨，大家好，上个视频我使用了代码格式化那个插件，有人问我那个配置像都有什么，我现在给你介绍一下，你需要记住这个网站，这是国内的网站，这个呢是国外的网站， 使用方式特别简单。在这块的话呢，有在线测试啊，那么你可以点击点，国内国外都行。我前面也已经说过啊，国内和国外的话呢，版本上是有差异的， 其实版本会差一点，这个是二点五一，这个是二点六二，是吧？差一点。首先你要在你使用的 vs 扣的或者其他变速器当中把这个插件装上啊，把它装上， ok， 装完之后的话呢，这块有粘线测试，然后呢这块是代码，这块是格式化之后代码，你可以来进行测试，比如说我就选 v 啊，然后有一些配置项呢，对 v 好使，有一些配置项呢？对， 好使，对其他可是好使，你自己慢慢试啊，比如说我们把这个勾选上，那你观察观察这一块，我勾完之后的话呢，他会变成单引号，如果再取消掉的话呢，会变成双引号，那我一般的话呢是喜欢单引号，所以呢我把它勾上。 再一个的话呢，你观察后面的这个分号啊，那我们把这个选项勾上的话呢，后面的分号就不显示了，那我一般的话呢，也是让他 啊把那分号去掉，再一个的话呢，比如说我把这个 v， 我这块勾上，你注意观察这一块的模板啊，那我勾上之后的话呢，这个代码块啊，这个 sqr 标签，它里边的代码会往右侧移动这个胎部位，那我把它给取消掉之后呢，它一般就是齐的了， 那我一般是选择取消掉。当你把这些都设置完之后的话呢，你可以靠配这个配置文件，靠配啊 花呗之后呢，再回到你的文本当啊项目当中，在项目的跟目录下建一个这个文件，按照他那个文件名前面搁上一个点，这呢借给这个文件啊。那你如果你装了图标库的话呢，这图标库就会发生变化，之后的话呢，把它配置下往这一粘贴就行了，特别简单。 那这个时候的话呢， vs 扣的他默认如果有这个配置项他就使用这个配置项，没有这个配置项他就为按照 vs 扣的默认规则走。那比如说我们随便打开一个， 嗯内容，那这时候的话呢，我们这个代码就骑的看到了吗？然后有引号的地方的话呢，就都是单引号，非常的棒。好，分享结束，亲爱的朋友们点个赞吧，拜拜。

下载 vs 扣的建议直接去他的官网下载，就是这个 code， 点 vsue 店的 com， 如果说你去其他的地方下载的话，他的版本不一定最新的，进入他的官网之后，他会给你推荐你的操作系统对应的版本。如果说你要下载其他操作系统的版本呢？你可以点这个留左边这个 stabil 是一个稳定版本， insiders 内侧版本，建议使用 stabilis， 直接点击下载 保重文件。如果你这里下载的速度比较慢，你可以复制他的这个链接，然后打开迅雷，速度还是很快的。 绕上之后呢，直接安装，同意下一步，下一步安装 可运行了。他的默认的语言是英文版的，他会推荐你使用啊中文语言包，如果这里没有推荐的话，你可以点这边的扩张按钮，直接这里搜索。 前列似的，一个是简介中文，第二个是繁体，我们安装，安装完成之后需要瑞萨一下， 这样子就全变成中文的语言界面了。下个视频我们聊一下有些什么好的扩展包可以丰富这个编辑器的。

介绍几个提高开发效率的 vs code 技巧。批量修改多行代码时，可以使用 vs code 列模式，按住 alt 加扛慢的加方向键，下键就可以看到出现多个光标，这样就能进行多行批量修改。 当需要整块代码移动时，我们先选中这块代码，按 alt 加上下键就可以整体移动代码。当需要给整块代码添加外部标签时，调出命令面板，然后使用外部命令再添加标签。 有时需要修改多处相同变量的复制，先点中其中一个变量，按 command 加 d 键， vs cod 会依次选中相同的字符串，然后再批量修改，能大幅提高效率。你有什么私藏的 vs cod 快捷键，在评论区告诉大家吧！