vscode怎么部署安卓环境

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

哈喽，小伙伴们大家好，我们久违的这个 web 前端课程又很久没有跟大家见面了啊，那么之前的话，我们其实在普特 当中啊，给大家要介绍这个是 boot strip 这样的一个框架啊，我们给大家来呃介绍这个框架该如何去开发，对吧？那么这个框架课程的话呢，应该来说是属于在我们这个 web 前端课程当中的一个前置啊，前置就像前有， 对吧？那么那个课程学完之后的话，再来学习我们现 在的这个啊，不得不得这样的一个开发教程啊，那么我们废话不多说，这节课我们主要用这个 vs code 来搭建我们的这个开发环境啊，那么我们为什么要选用它呢？首先第一个， 呃，就是我觉得啊，这个作为一个开发人员，那么我们各种开发工具啊，我们首先你自己平时的时候可能习惯一种，对吧？那没有关系啊，那么其他的一些开发工具的话呢，我个人认为啊，你还是都要去接触一下啊。那么 visco 的话呢，这款开发软件也是属于非常知名的，因为他 它是属于微软公司开发的一款产品，那么大家都知道微软公司开发出来的产品啊，必定都是精品，对吧？那么为什么呢？这个是也是老牌的软件公司了，对吧？那么我们也知道啊，老大啊，比尔盖茨啊，这个就 不用说了，世界首富已经占据多年，对不对？那么我们现在他这个 vs 扣的啊，他有哪些功能呢？首先第一个就是我们现在符合我们的 but strip 的一个网页开发的一个课程，那么他 其实啊不止还有这个功能，他还有可以用我们的这个点奈特的一些来开发，还有什么新需要的，什么 pison 什么都可以。为什么说他会这么的强大？因为这款工具这个 vs 扣的仅仅只是一个编辑 而已啊，那么他的强大之处之所以会强大呢，是因为首先他那个开源出去了，完了之后他就有很多的这个社区的这个呃同志们呃在开发，那么相当于一些大牛老，或者说是一些呃其他的一些呃很多的一些优秀的开发人员，对吧？他们在做什么呢？做的就是这 这个呃 vs 扣的一些插件，比如说把它弄一开始的时候，它可能是因为未来公司开发的这款工具的话呢，它一开始是属于呃英文的，那么我们还有呢，就是可以通过一个插插件的安装的话呢，我们就可以把它 转成中文，这是一个。那么其他的比如说我们呃有的 啊，就是可以解析我们本地的这个这网页的啊， gs 的一些 这个一些代码的，那么这样的一个服务器的，好像 gs 的一种服务器的环境啊，那么他也是可以通过这个插件可以去安装啊，包括一些其他的拍摄的一些解释器啊，啊，给他一起合合着一起安装啊，对吧？这些插件啊，哎， 各种开发环境都可以被他搭建，因此啊，这款工具在开发人员的心中啊，应该来说是属于非常的呃，非常的实用吧，应该来说啊，那么我们来看一下这款开发工具啊，其实我们也是可以看 到的这款开发工具，因为他是属于开源的话呢，我们这个现在网上一搜就搜到了啊，那么我本地上其实已经安装了， 那么我虽然说安装了，我们在现在百度当中也给大家搜索一下，那么这款工具的话呢，大家应该也要自己能够会去找，对吧？什么？首先他的一个官网是什么啊？我想知道，那官网就是扣的 with you studio 啊，然后呢是这个 看好点 com 啊，我们就直接点进去就可以了。点进去，那么点进去之后我们发现的是这样的一张网页，这样的一张网页马上就可以让你进行下载，对吧？下载他会有各种版本，因为他是一个跨平台的一个呃，编辑器嘛，那么他可以在呃马克上面啊，马克笔，马克笔记本上面，马克电脑上面，苹果电脑，对吧？啊？ windows 电脑啊， 还可以在 linux 电脑上面啊，这几个电脑平台上面都可以编辑，因此这款编辑器啊才会受到这么的欢迎啊，好，那么各种开发人员在不同的这个使用场景下面都能够使用到， 对吧？然后呢他这个地方大家看到最后一块有一个扩展啊，这个扩展的话其实就是叫做插件，对吧？那么这个地方他点了之后的话呢，这个首页这当中他显示了目前他显示这个什么，一个是拍摄对不对？拍摄的一个调试啊，然后呢后面的话有 c 加加 c 语言啊，什么其实，呃什么还有 view 啊这一些 等等一些有利有用的这些插件啊，都可以能够被我们去使用哎，这种各种功能都可以被我们去使用的话呢，就使得我们这种在开发的时候啊， 就好像这款编辑器感觉很灵活，对吧？那那么它能适用各种的场景，然后呢我们这款编辑器的右侧这个位置啊，就是正式的属于编织编辑区了啊，编辑区的时候大家看到他是属于啊，他在写这种对象啊，属性的时候的话呢啊，都是属于一一级一级啊，副级子级是属于这个 用点之间啊，然后呢后面会有很好的一个语法提示，对吧？那么这款编辑器这些功能就显得非常的强大，大家直接到了正边之后的话，就直接下载就可以了啊，因为我已经下载好了时间关系，我这个地方我就不下载了。那我们简单的看 来看一下这个地方他有哪些功能可以调试，对不对？因为他其实主要啊，那么还可以这个地方啊， beauty in get 啊，是不是什么意思呢？就是可以在这个 get hub 上面，我们可以把我们这个代码实时的进行 啊，写完之后啊提交上去啊，或者说攒下来，对吧？这些功能都是非常强大的，这个还有是一个扩展的一些功能啊，那么这一款开发工具的话呢，有很多外国人在使用，对吧？外国的这个程序员在使用啊，那么我我我身边有一些外国的这些啊，程序员的话呢，他们也他们用家了， 咱们也是也有用这个啊， vs 扣的等等啊，他们当然用的这个工具还是比较灵活的啊，什么 adt 啊，这些也是在用的啊，就相当于一个程序员的话，你拿到呃，一个一一些程序的时候，在各种平台上面，你至少要能够能够怎么说呢，基本上还是能够有个入门，对吧？你不能最好不要就是说这 工具啊，什么都没接触过啊，如果没接触过当然也没有关系，要冷静下来，对吧？把它能够学好啊，那么这个地方的话还有这个给给给按 也是在一些命令，对吧？啊？然后可以提交上去啊，那么这个地方有一些扩展功能，就相当于是刚刚的一些明细吧。啊，那么这个最后的话呢，还有一些啊，这个下载平台啊，直接就可以点击下载就可以了，那么我的话呢是属于六十四位的啊，因为我这是属于温室六十四位的，对吧？那么我就下载六十四位，大家如果是三十二位就下载 三十二位的啊，那么你如果说是在零零四平台或者是 max 平台都可以建议下载。 ok， 那么这个地方 大家比如说这个地方大家在看的时候啊，呃，你觉得英文比较麻烦怎么怎么办呢？你现在我们用的是这个谷歌浏览器的话，我们可以右键啊，右键这个叫做翻译成中文啊，中文简体，对吧？那么这样的话呢，这些都可以变成中文， 你就可以进一步的进行了解了，语法突出，对吧？哎，可以高亮啊，显示可以打断点啊，来调试这些语句，等等，这就是啊，你看这样的一个代码编辑器啊，代码编辑器，好，接下去我就来直接安装了，因为我已经下载好了，大家直接下载就可以了啊，那么我们就 直接安装，我下载完大家，我下载完成之后的话呢，就是这样的一个安装软件，大概有五十三点，呃，五十三点九兆，大概是五十四兆左右，对吧？那么我们就直接双击安装就可以了，那么这款软件的话 也是比较绿色的，我在之前的有一期给大家老刘问答当中给大家就是介绍这款软件的卸载，对吧？在卸载的时候呢，他其实自己已经提供一个软件卸载了一个路口，卸载之后他就会清的比较干净了啊，我们现在这个地方他有个提示，双击之后这个什么意思意思呢？大家看到这种提示啊，千万不要怕，你要去读一下，因为他这 地方都是有一些英文的意思给大家解释的，对吧？ this use the install 那个什么意思啊？你不是一个用啊管理员模式运行的啊，你是否还要继续？那么我们又重新来一看右键用管理员模式，我们来看看啊， 管理员身份啊啊管理员身份啊就就不一样了，提示就啊上面还是有这些，哈哈哈。安装者不是是是不是不止跑在呃，作为一个管理员什么什么什么啊，那如果你喜欢安装 vs 扣的啊 啊给所有的人啊，在这个系统上面，那么我们就下载就得得就去这样的人像， 那么我这个地方因为已经下载好了，下载好了大家直接装就行了，我们直接点击确定他这个地方也是一个提示啊，他就是相当于有一点广告类型的，有我感觉对吧？还给你一个一个呃什么这种链接啊什么的啊，那么我们这个地方就接受， 接下去就是点击这个接受协议啊， vs 扣的，那么这个地方其实这个这个就是我们简单的所说的话，就是他就是一款编辑器啊，这个编辑器的话呢，类似于我们的这个文本编辑器啊，什么记事本编辑器对不对？ 那么只不过这款编辑器的话被二次开发了啊，然后呢他的一个功能就非常强大，还可以进行插件的扩展啊，然后在我们自己呈现进行开发的时候的话，也会显得非常的舒适啊，那么我们在这里面的话， 我们给他装到这个啊 c 盘啊，我们把这个 m m v s 扣的，对吧？ v s 扣的这个文件夹，我们给他浏览一下吧，浏览一下，比如说我们浏览到这个 c 盘的这个，呃， program， 因为 我们是六十四位吗？我们就直接就 program five 好了啊，浏览到这里，好，我们下一步，下一步。呃，是否要创建这个开始菜单啊？那默认情况应该是要创建的，不创建的话你就呃这个地方就勾掉就行了。开始菜单就是在这个位置，对吧？开始菜单点击一下他就会有啊， 那么是否选择安装的这个位置，然后呢开始猜单创建的时候的话呢，他会有一个这样的一个文件奖啊。 vs 扣的。 ok， 那么我们再点击下一步，点击下一步之后我们在这里面要执行哪些任务呢？我们来看到啊，这里面的话呢，他有一些选择，请安装这个，安装这个什么程序的带来 任务啊？什么？是否要创建桌面快捷方式？那么我们这个地方就创建一个桌面快捷方式啊，反正自己要用到，对吧？哎。然后呢我们在这里面的话呢，默认情况他有个勾叫做添加 pass 啊，添加到 pass 什么意思呢？添加到 pass 的话呢，实际上就会添加到这个啊，这个地方， 这个地方就是有一个啊，我们我们比如说现在到这个有个伏电脑啊，就是我们自计算机里面有个高级的环境配置啊。呃， 高级系统，高级系统设置，高级系统设置，这里面这个地方有一个叫做高级，对吧？高级高级。这里有个叫做环境变量啊，环境变量这个 pass 其实就是是要添加到这个环境变量的呢，这个 pass 当中啊，是要添加到这里面，要是添加这里面有什么好处的？添加到这个地方的话呢，我们 是意味着就可以用呃 windows 的这个系统命令啊，就可以去运行了，比如说我们就在 windows 键加上 r， 对吧？用 用 c m d， 哎，然后呢这个地方呢，输入一个 c m d 就是相当于可以在面临提示服当中去运行一些他相关的一些 指令啊，在这个地方就可以运行了，这就是添加到这个 pass 的一个好处啊。这个地方我给大家应该是介绍的非常细了啊，如果说大家听到啊，如果说你没有跳过听到这一步的话呢，你如果还不懂的话呢，这个地方应该是呃属于比较精华的一个部分， 那么这待会的话我简单要进行记录一下。好，那么我们接下去的话，他这个地方还有就是其他通过扣的打开添加。呃，操作 windows 什么什么窗，呃，什么什么目录啊，这个地方我们就不要将客的注册为支持文件类型的这些编辑器啊，这些东西我们就暂时就让他默认不勾不勾选好了啊，如果勾选的话呢，我们其实就多了一些呃，多了一些他的一些默认的一些控制嘛，比如说这个就是默认文件嘛，对不对？ 然后上面的话就是呃你的一些操作菜单啊，相当于这种这种操作菜单。好，那么我们下一步我们就不用管那些菜单 里面，我们直接需要他打开就打开就行了啊，对吧？然后我们目目标安装位置一些其他的一些任务，他这个地方就写的非常的清楚啊，然后我们直接点击安装就可以了，安装起来也非常快，因为他只有五十四兆，对不对？很快就好了。我们他他其实做的一部安装的时候，大家看到啊，一个程序他安装的时候其实在干什么呢？ 其实就是一个解压程序的一个过程，对吧？其实就是说我们有点像我们平时的这个哎呀的这种打包啊，无非就是说他这个地方的话打包成的是一个 ex 的可执行程序啊了，然后可以让你一步一步 下一步的进行下去的，然后最后还有一个注册注册表的这个功能，也就说默认装完之后的话呢，应该是我们在我们的 regail 里面注册表里面是可以看到的，对吧？啊？这个地方就 就是启动按 vs 扣的啊，我们就直接启动好了啊，装完之后就直接启动了，我们简单的来哎，标注一下啊这个地方，那么我们这个这里面概述一下这地方的话呢，这个 vs 扣的 vs 扣的啊，工具啊，可以，呃，是是什么，对吧？首先第一个是什么？是什么是是什么呢？是一个文本编辑器啊，编辑器，那么这个地方的话呢？编辑器，编辑器，这个编辑 是非常高级的啊，非常高级的，他可以强大的啊，强大到哪一些东西呢啊？可以编辑啊，所以可以进行什么开发环境的代码编辑，对吧？各种啊，开发环境的代码编辑， 代码编辑啊，那么这个地方各种开发环境，我们指的是有哪些开发环境呢？比如说我们现在 的话就是有一个前端开发环境，对吧？ a 区天庙啊啊，这个前端开发环境的话就是 h 天庙啊，什么什么什么 css 啊，对吧？啊，这个，这个肯定是可以的啊， css 啊，对吧？然后呢？这个地方还有其实是 js 也是可以的啊，那么还有就是比如说是加网啊，加网啊， c 语言， 那我们就简单的列几列几列一些啊，啊？ c 元 c 佳佳啊， c 佳佳，那么 c 下巴当然也是可以的，这个 c 下巴就是点奈他的一个功能嘛，对吧？简单的基本上是属于这一些啊，那么什么 php 当然也是可以的， 他很多啊，呃，基本上这些东西就相当于是桌面端的这种开发啊，基本上在这个地方啊，就会用到了啊，啊，那么呃，桌面端的开发，或者说软软件的一个开发，对吧？网页的一个开发啊，基本上用到这些啊，就比较 差不多了啊，差不多了，那么我们呃常用的就是这个地方，对吧？那么我们他的话呢？下载第二个啊，从哪里下载，对吧？下载，那么下载的时候的话，其实是微软官网啊，就这个地方其实是一个是微软，微软的啊，微软公司开发的开发的 vs 扣的 你也是扣的啊啊官网啊官网。那么这个官网的话呢我给大家这里面其实标注一下，其实百度一 搜就知道了啊那么我们列的话呢还是列一下这个官网对吧？这个官网壁纸好，那么他可以提供第三个可以在哪些操作系统上对吧？可以在哪些 哪些操作系统上啊上运行啊运行这个 vs 扣的啊，对吧。那这就比较关键了啊哪些操作系统上去都可以啊什么 mark 啊什么呃马 mark 上啊对吧。哎 mark ok。 那么什么 windows 啊 windows ok 这一类那基本上是还有一类就是 linux 对吧？ linux 这几类啊这三类其实都可以啊。好那么呃这这几点我们在接下去的话就是一个安装了，对吧？安装的时候的话我们提到一个就比较关键的啊，就是说安装的时候安装 软件的时候啊提示啊什么加入到 pass 啊 pass pass 是什么意思对吧是什么意思？那么这个地方的话主要是呃到哪里呢？就是相当于是呃加入到啊意思是加入到什么呢？这个环境变 电量啊电量中的这个 pass pass 张 pass 中对吧。那么这样的话呢呃有利于什么呢？有利于这个进一步使用命令 命令控制控制这个什么开发环境编辑器啊 啊编辑器相关的相关的功能啊就可以找的起来起来就相当于方便一点啊什么的啊。那么我们这个 地方现在已经装完了啊那下一下一步的话呢就是我们就呃因为哎这个地方我装完之后我上一次已经汉化过了所以他这个地方 因为我是第二次安装了，那说明他这地方我，我下次上一次卸载的时候，说明我们在这个里面啊，我没有把某个文件给删掉，对吧？或者说是他这个地方，呃，我在安装他的这一个叫做什么呢？汉化 工具的时候啊，他是在另外一个文件下当中啊，就是我没有把它删掉，对吧？那么我们这个地方如果说大家装完之后你是一个英文的 状态，那该怎么办呢？可以汉化，点击这个扩展啊，这个扩展这个扩展，这里面的话呢，可以搜索这个 chinese dhin ese， 对吧？搜索全历史，搜索这个全历史啊，那你这个地方点击一下，点击下，然后呢这个地方点击安装就可以了，那么我这里面现在你看这这些这些安装的是一个复杂版本，这相当于繁体版本的，对吧？我装了一个简体版， 当然这个地方你看，哎，就相当于在这个环境，当环境的扩展当中可以有，有卸载，可以有安装啊，你就这这里点一下就好了， 点一下之后我们这个软件再进行重启就可以了，对吧？那么接下去的话呢，其实我们重要的一步的话呢，在这个地方其实就是汉化的时候，呃，需要大家呢就要把这一块给啊， 给给给，能掌握的，对吧？要给能掌握的，那么首先的话呢，就是点击的是这一步啊，然后呢点击的输入这个权利，对吧？那点击他，然后最后再再就是安装就可以了，这这几个箭头的位置啊啊，这几个箭头的位置非常重要，那么如何将软软件汉化啊？ 如何将，哎，这个这个怎么是全黑的啊？我们给他稍微重新标注一下啊，标注一下 如何将软件汉化，对吧？将软件汉化， 如何将啊？软件汉化汉化，汉化其实很简单，只要呃这样的一个图给大家一看就可以了，对吧？输入一个权利马上就知道了啊，这个地方汉化的步骤啊，那么然后最后呃就是 安装完成，安装完插件啊插件后，直接这么直接就是一个 呃重启重启软件即可啊，即可完成这个安装啊，那么我们这样的话呢，这个软件的安装汉化就没有问题了，对吧？那么接下去的话， 我们无非就是要装的是，比如说有一些我们为什么用它呢？其实它的话呢，其实有一个波特 stribe 我们也可以收到啊，波特 stribe 它里面也有类似的这种啊，你看这个地方啊，我这里面安装了一个 v 四的啊，因为 我们到时候讲给大家讲的时候呢，就是讲一个 v 四这个版本啊，那么我们就讲这个 boot strip， 那么这个波特 strip 我们讲的时候的话呢，我们就把这个地方输入之后，我们就把这个呃 v 四给他安装上去，那么这样的话有什么好处呢？就可以相当于是有些呃很多的这种这个 代码提示啊，就可以给你用到了啊，那么我们就加下一步的话呢，我们其实是要安装这个插件中安装 啊，这个第一个，对吧？那第二个呢？就是啊，在插件啊插件中输入这个 boot 啊 strip 啊，然后呢安装这个 v 四 v 四版本的啊，安装 v 四版本的插件啊， 差键，因为我们现在这个波特斯 gap 的话，我们这个官网上次给大家看过啊，他就是属于 v 四这个版本的，对吧？ v 四这个版本，那么这样的话呢，有利于代码提示啊，有利于啊，在开发的时候代码提示 啊，这个地方就非常关键，对吧？非常关键，那么提示的话我们就可以省很多的这些事情啊，那么这里面有很多 v 这个版本啊，大家看到啊，那么我们就先建议先装第一个好了，普通的这个 v 四啊，还有就是这些字体啊什么的，后面的这种都是属于字体啊啊， ov 啊，这个什么发放词放放特什么什么什么，这个 这个的话呢，他其实是免费开放给这个 boot strip 的这样的一个字体图标啊，字体图标他都里面也都有了，这相当于那就非常的舒适了，对吧？啊， 那么后面的话呢，我们就相当于在这个地方我们环境已经搭建好了，对吧？那我们在这里面的话，直接打开编辑器，打开这个项目创建就可以了啊，那比如说我们这里面，我我这个地方，我我现在这个路径的话，我项目已经已经把它给创建，就给它给它已经关掉了，那么我们这里面自己可以 新建一个文件，或者新建一个文件夹，或者自己打开的文件夹都可以，对吧？都可以。然后呢自己新建完的文件夹，把它在这里面打开也可以，那或者说你自己新建一个文件也可以啊，比如说自己 简单的一个新建一个文件，然后保存啊，保存， ctrl 加 s 保存，那保存的时候我们自己保存的，比如说我们现在假设这个地方桌面上有一个镜片的，这个买位吧，对吧？假设我们自己这里 面有个马位吧，那么我们这个地方保存的时候，这里面大家注意啊，保存的这个地方如果说你自己有一个这种格式的话呢，你 假设这个地方我们要保存成 html 的，对吧？那么就你就选择这个 html 啊， html 呢，假设这里面有个 index 啊， ok， 那么我们就这样就可以把这个 html 的这个网页给保存好了，对吧？那么这样的话呢，就是一个最为基本的一个网页，就说是 进与编程啊，改进与编程，那好，那么这个地方的话呢，我们就啊时间啊，这里面右下角还会提前更新啊啊，及时更新，那么我这个地方我可以点击更新一下，如果说大家已经安装完成之后，后面后期还有一些更加 多的内容，他也会可以更新，那么现在刚刚我在桌面上不是创建了一个买外本吗？对吧？那么这样的一个网页其实就有了，我们直接打开之后就会出现一个流金于编程，那么这个地方我们知道啊，这个地方掌握我们之前的这个课程的话呢，这个都是知道的，对吧？那么 我们其实在这里面这些代码都还没有写了啊，真正的我们还得写这个 h 学喵的代码，对吧？啊？那么今天的话，我们主要是因为这个环境的搭建啊， 搭建完成之后，后面我们来给大家制作一个第一个的这个不得死坠的这样的一个啊，小小的一个案例啊啊，好，那么我们今天的话呢，最后给大家进行一波总结，在好，那么我们来 看一下，呃，如果说你看到这里啊哈欢迎为我的这个教程啊啊关注点赞留言啊，订阅啊，如果说你还喜欢的话啊啊，继续看到后面的这些课程啊，那么，呃，这里面的话，哎，我们这个这个地方， 哎，这个地方我们给它放到底层啊啊底层啊，那么这里面的话呢，我们其实还有就是大家可以在其他的平台，比如说在抖音上面搜索流经域啊，就可以找到我的更多的视频教程啊，或者说在 这个西瓜视频当中搜索刘金啊，就可以找到我的一些其他的一些教程合集， ok， 那么我们呃最后来总结一下今天给大家讲到哪些东西呢？首先就是，呃什么？是啊，对吧？啊，讲到这个 vs 啊 扣的啊扣的的作用啊，作用啊，概念和作用减减要概数，对吧？ 也要盖住， ok， 第二个的话呢，其实主要给大家讲到的是一个 vs 扣的啊环境的，呃环境的，呃，这个环境插件的，对吧？简单啊，简单安装 与卸载，安装于卸载啊这两步，对吧？好，那么这里面的话呢，我们主要是涉及到一个叫做汉化，对吧？主要是一个汉化，一个是汉化，一个是就是，呃，就是这个代码提示，对吧？ 代码提示相关的插件啊，插件啊，那么其他的还有一些，其实还有一些很多，比如说我们写 html 的时候，写 css 的时候啊等等，那么这样的一些啊插件的话呢，后面还有需要的时候，我给大家再进行介绍啊。好，那么我们今天的话这个教程就讲到这里，如果说你还喜欢的话呢？ 欢迎哎，为我的这个教程点赞啊，流星编程啊，编程创造城市。好啊，小伙伴们，那我们下期再见，拜拜。