vscode 安装quickvue

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

上一期视频我们聊了 real 的历史， being wait 创建了第一个 real 三的程序，那么那个代码是比较多的。今天的话，我们用手动的方式来编写 real 三的第一个程序，按照惯例的话，我们也是输出 hollow world。 好，我们先打开上一期视频创建的那一个程序，然后我们来进行一下改造。好，我们打开 f 盘，好，我们找到 vivo project， 然后我们进到 hello word 里面来，然后再录进这里输入 cmd， 我们用 vs cod 来打开我们的项目 cod 空格，然后敲回车。 好，我们的项目打开了，那么这个项目的话是我们上一期视频里面用 wat 来创建的项目，那么我们点开 s r c 看一下，那么代码是比较多的，当时我们执行的话就是页面比较多，那么这个是不利于我们学习的，那么我们把这一个 s r c 给他删掉，然后我们手动来创建我们的那个银码，好，把他删掉，好，选择永久删除。好，我们点击删除。好，那么我们的那个银码文件已经删出了，那么这个时候我们在声音管理器上面点鼠标右键选择新建文件夹，文件夹的名字我们叫做 src。 好，文件夹创建成功以后，我们点开，然后我们在那个 s r c 木楼上面点鼠标右键选择新建文件，文件名的话，我们叫魅点 t s。 好，我们再创建另外一个引码文件，然后也是在 s r c 上面点鼠标右键选择新建文件，文件名的话，我们就要做 a p p 点 view， 然后 a 是大写的。好，那么我们俩两个引码文件创建成功了，那么我首先来编写那个魅点 t s 里面的引码， 首先的话，我们先引入那个 currita a p p input cririt a p p。 我们从 view 包里面给它导入 from view。 接下来的话，我们导入我们的跟组键，就是我们的 a p p 点 view import a p p from。 好，选择这一个。那么接下来的话，我们那个加载我们的那个跟组件 creat a p p。 然后 a p p mount 好井号 a p p。 到这 这里的话，魅点 ts 里面的引码就已经写完了，我们按 ctrl s 保存一下。好，接下来的话，我们写我们的根主筋里面的代码，那么我们在 vivo 里面写代码的话，还是围绕几个那个标签来进行编写的。首先我们写第一个 template， template 的话也是成对出现的。好，这里的话呢，相当于是我们的那个 h t m l。 好，我们给他注视一下 h t m l。 好，首先的话我们定一个 div class， 然后这里的话是 a p p。 接下来的话，我们来输出我们的 hello world， 我们用 h 一来进行输出 h 一 hello world。 好，我们的那个 template 标签的里面的内容已经并且完成了，那么这里的话，它相当于我们的那个 h t m l。 接下来的话，我们来写交付的这一部分。交付的这一步的话，我们主要是写那个呃 ts 或者 gs 代码的。好，我们以快步的标签来进行那个冰写，我们要标注一下，我们是以那个 ts 来进行那个冰写代码的，那么虽然说标注成 ts， 但是我们可以写那个 gs 或者是那个 ts 浪等于 ts。 好，我们也是注视一下 g s 或 t s。 好，这里的话默认导出我们的组件 insport default， 好，我们给一个 name， 然后是 a p p， 好，到这里的话，我们的交付就已经写完了， 接下来的话我们来写一下我们的用式，用式的话是以 style 来进行的一个编写的 style， 好，我们也是注视一下 c s s， 这里的话我们定义一个选择器点 a p p， 好，我们设置一下它的那个背景颜色， bank ground color， 好，我们把它定义成红色的。 好，那么到这里的话，我们的代码就已经编写完成了，那么这一部分的话是相当于那个我们的结构，这里的话是那个交互，然后这里的话是那个样式。豪迈， ctrl s 保存一下代码，保存以后我们点一下左下角这里， 好，我们点一下中端，这里中端打开以后呢，我们来看看是怎么来编译我们的代码的，我们看一下那个 package 点阶层里面，那么编译的话就是用 npm， 然后加 run 加 dev 来进行编译，就是我们拿到 前端代码的话，我们只要打开这一个文件就知道他是怎么来进行编译的了。好，我们回到终端这里来输入 npm rundev， 好，我们的代码已经运行起来了，那么我们键盘上面的 ctrl 键，然后我们点一下这里就是这一个网址，他以默认的浏览器帮我们打开。好，那么我们的那个浏览器打开了，我们的 hello word 已经输出了，那么背景颜色是红色的，那么回来看一下代码， 那么代码的话我们先看一下那个魅点 ts， 这里的话是那个引入科瑞特 app， 然后这里的话是把我们的跟组件给他引进来，就是 app 点六是我们的跟组件，然后这里的话是加载我们的那个组件，然后我们看一下那个 app 点六， 这里的话是用那个 time later 那个标签来编写我们的那个结构，那么它里面是写那个 呃，相当于 html 的此筷子的标签，这里的话是来写我们的那个交付的这一部分，那么这里的话是可以写那个 js 或者 ts 代码的，这里的话我们要把那个语音标记成我们的 ts， 我们接下来 style 标签，这里的话写的是那个样式，那么相当于是我们的 css， 那么这个就在 windows 里面有 vs cod 编写 vivo 三的第一个程序，那么我们是用手动的方式来进行编写的，那么整一个代码下来是比较简单的。

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

大家好啊，今天给大家分享一下在 v 项目当中让你效率翻倍的几款软件，非常好用。那刚好前几天清华大学出版社给我寄来了一本循序渐进 v g s 三前端开放实战。 这本书我看了一下，比较适合 bu 技术站的初级开发者，里面包含了 bu 二和 bu 三的内容，有常见组间库和插件的使用，还有电商后台管理系统的实战。并且这本书呢，也有对应的视频代码、 ppt 资料，在每个章节的开头都有对应的二维码， 可以直接扫码看对应章节的视频，还挺方便的。推荐 view 的初学者买一本来看看，非常适合入门。那我们今天要推荐的第一款插件呢，就是这个别名路径跳转，你没看错，别的 usco 的插件都是一 英文命名的，他这个就是中文，你直接在 visco 的插件里面搜这个就可以了。那这个有什么作用呢？因为我们在项目当中有时候会有 and 这种别名对不对？但是有的这种别名之后，你跳转的时候会比较麻烦，有时候会跳不过去，那安装这个插件之后呢，你就可以直接选中， 哎，就直接可以跳过去了，非常方便。第二款插件呢，是我们之前推荐过一次的，叫 autotrac strict for view， 这个是在你写 view 结构的时候， 直接生成你对应结构的 class 名称，给你举个例子啊，这里现在我们把刚才那个 class 名给删了对不对？现在我们右键，然后点击一下，哎，我们会发现他一一对应这个 content， button， 他都会一一对应的，在这下面 帮你确认好，你直接在最下面直接编写你的样式就可以了。那第三个插件呢，是我们推荐的 css navigation， 这个插件呢，主要的作用是 当你写好这个克拉斯的时候，在这个文件里面，你比如说你想跳转过去是比较麻烦的，但是有了这个插件之后呢，你可以选中然直接跳转到下面去， 看到没有，可以直接跳转到下面去编写你的 style 样式，非常方便。下面一款呢是 pass intensions， 当你引入一些新的文件的时候，他会给你自动提醒，比如说 important， 对吧？然后这个时候呢，你点点，这个时候他会给你自动提示，你说我要引入一张图片，就会很方便的给你提醒。那再下面一个呢，这个插件是由官方 推荐安装的一个插件，以前有一也有一个 view 二版本的，现在升级了，升级成 view 三的插件版本了，这个也不用大家多说了，写 view b 装啊， 语法高量呀，然后语法提示，然后下面一个 will helper， 它呢跟这个 villa 这个插件呢，有点类似，只不过它会有更多的 语语语法的支持，写起来会更方便一些。那上面几款呢，就是我平时在项目当中用到的这些 view 插件，会非常好用，大家也可以尝试一下。

哈喽，我是卡布斯诺，然后我们这个视频的话就具体讲一下啊怎么去操作安装的，然后我们看一下， 因为我下载到 d 盘了，然后在 d 盘的话同时也创建一个文件夹叫做 vs code， 好吧，那这个 vs code 环境夹，好吧。然后我们就在我们下载的一个双击并行它 vs code， 我们看一下在这里哈，然后我们双击 他就来到这里了，然后我们就同意，好吧？点击同意，然后点击下一步，这里的话我们就选择我们这个自己的个，你看他的一个默认路径的话就是安全在七档，一般的话我们 都是不建议放在吸盘的，好吧，因为这样的话可能会造成我们系统的一个我们的 window 系统为一些卡顿滚，安装太多软件的话，那就不好，好吧。然后我们点击浏览，然后选中我们的一个低档的一个文件夹 在我们的 software， 然后在 vs 扣这里，这这个就是我们真正的一个文字摇摆，然后点击选中 确定，然后看一下它的一个路径。 it has software vs 后就是我们上阵的一个文件夹，好吧，然后我们点击下一步， 下一步，然后这里的话我们要呃这个的话就不勾选，好吧？然后其他的勾选， 勾选的话这个的话我们就可以在这里安装完成的时候，他就会在这里呃显示一个 vsco 的一个快捷方式，然后我们点击下一步， 这里的话我们就呃确认一些我们已经呃配置好的一个呃东西，呃，比如， 比如我们那个安装固定，嗯，正确，你要开启菜单的话，也就是这个，这个的话就是要开启菜单，理由， h 六的叉或者 poss ma 这个就是一个开启菜单啊，然后当然你喜欢改个名字的话，你也可以，但是没有必要改来改去，好吧？ 然后添加任务，然后就是这些这些的话就我们点击安装，好吧？然后点击安装，然后这现在的话就开始准备安装， 这个安装的话也是很快的， 让肌肤润抹到一分钟， 那他就会出现一个快捷方式，看到没 退出一下快捷方式，然后我们点击完成同城，他就开始运行起来， 那这个就是我们已经安装成功了，所以的话还是很方便很快的迅速，是不是？然后我们这个视频的话就到这里，好吧？

viscode 运行 c 语言第一步，安装 viscode 首先打开浏览器下载 viscode 安装包， 浏览器下载太慢了，启动迅雷来下载， 下载完成后点击安装。 第二步，安装 visco 的开发 c c 加加 插件，等待安装完成之后，双击运行 this code 开始安装插件 c c 加加扩展包和 colder runner。 第三步，安装 c c 加加编译器，灰道浏览器搜索开源平台上的编译器 前面的绿色下载按钮不要点，找到页面最下面的 e c 结尾的安装包， 点击下载。 下载完成后拷贝到指定的安装路径下解压， 然后设置环境变亮，将边目录加入到 pads 里面。 好了，这样就可以了。第四步， viscode 运行 c 程序，创建一个文件夹管理代码， 打开 miscode， 创建一个 c 语言的原文件 输入测试程序， 测试执行结果输出正常， 这样就没问题了。