好,接下来给大家讲一下 vs code 的下载安装,首先呢我们去百度一下 vs code, 然后找到这个官网 点击进去呢,到这边,然后点击一下 download 即可,这边他会弹出来,然后我们已经下载好了,最新的版本呢,是一点八五点二,然后我们双击他 让我同意此协议,下一步这个呢最好改一下,一般我们就建议放到底盘里面, 可以看到他默认的是这个,然后下一步下一步下一步安装即可。 用这个的话就是 方便编辑啊,还有安装插件都比较方便,所以说以后的文件编辑器呢,都希望使用它比较轻巧一点。 好,这是各种它的风格主题嘛,我们一般都是暗黑色嘛。 然后如果想打开 tst 的时候呢,我们可以选择更多选项,然后是用指定的去打开,也可以去这个打开方式,点击它就可以,然后我们点击那个 打开方式,然后点击它,然后点击时钟以后,它所有的都是通过 vs code 点击打开了。好,这就是它的安装和使用,谢谢大家。
粉丝545获赞3030

大家好,我们这节课简单的讲一下 skillen 怎安装,首先我们打开它的官网,就直接在百度上面搜索 skillen, 然后第一个就是了, 我们打开了他的官网,然后我们看到,呃,他现在最新的版本是零点二,二点二,然后呢他是基于囊派,三派和 matproy 的基础上面构建的。 然后也就是说我们安装 skillen 的时候,我们必须要先安装好 numpai, sipai 和 mad poly, 而且它对这几个包的版本是 有要求的。我们来看一下左上角这个 install, 点开来看, 然后他这个安装呢?哦,这里我们看这里有这么一句话, note, 然后呢他这里讲 number 要求一点一四 以上,然后 sype 要求一点一点零以上。好,所以我们在安装 skillen 之前要先安装这两个,还有 metapolis, 然后 我们之前也教过大家怎么安装了,我们这里就不讲了。然后我们怎么看我们电脑里面的我们的包的版本是多少呢?我们只要在终端里面 总管里面输 keep, 然后给他个 show, 然后输入我们想看的包,然后回车, 然后它就出来了。第二行就是这个 version, 然后我们的 number 是一点一,八点二, 我们看这里是多少?一点一四点零,那我们安装的这个囊派是符合要求的,然后我们看一下我们的三排, 同样的方法,看看 我们的腮派是一点三点一,然后 这里是要求多少?一点一点零,那我们也是符合要求的。好,我们安装了这两个之后,我们就可以安装安装 speed 了。好,然后我们看我们这里是怎么安装的,他这里推荐是这样子安装, 我们把它复制过来 粘贴一下, 我们这里已经安装过了,我们这里已经安装过了,然后我们电脑里面的版本是零点二,二点二就是最新的版本。好, 那这样子呢,我们就可以安装好了,安装好了之后我们把它复制到我们的虚拟环境下面就可以用了。 好,然后我们再来看我们的,我们之前搜索这个 skillen, 然后呢这边有一个中文文档,我们点开它来看, 我们这里已经打开了,就把这个关掉,这里这里他是官方文档中文版。好,然后呢我们看,我们看这个,这边这个, 然后我们看最左边,最左边他一共有七个章节,七个章节, 然后我算了一下,一共有五十 十八节,五十八个小节。然后我因为我的我也是自学的,然后我的自学习惯呢,就是自己看文档,我不太喜欢看别人的视频课程, 然后那可能我会学的比较慢,然后呢我,我就是 学了一节,我就会在网上讲一节的内容,然后如果慢的话,我可能会一天只学一节,如果是某一天效率高的话,我一天可能会学两三个章节,两三节的内容,然后我学多少我就会在网上更新多少。 我算了一下,可能这门课程我估计要五十八天, 五十八天才能把它更新完,如果是效率高的话,争取在四十天,四十天内把它更新完吧, 那如果是大家觉得慢的话,可以去找别的教程来看。好,那这节课就先讲到这里,再见。

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

安装使用 code server 打造浏览器版 vs code code server 是一个可以在远程服务器上运行 vs code 的工具,用户可通过浏览器访问并调试项目。 code server 支持多种安装方式, s h r p m yarn, n p m brew, docker 等等。 官方提供的安装教程,我写的简单安装教程,除了 cut server, 服务器上还应该安装开发所需要的其他程序, node js, mpm, yarn 等等。注意,由于 code server 拥有读取整个服务器文件的权限,为了安全,个人推荐使用 doctor 加目录映射的启动方式,这样可以约束其读取文件范围。 code server 默认启动的端口为巴黎 080, 可以通过添加命令参数或修改配置文件修改成别的端口号,然后通过 jinx 端口映射供外网访问。此外,还需要赞 jinx 中添加调试对应的端口映射,供在线调试时访问。 让我们看看线上效果吧,是不是和本机 vs code 的界面操作几乎一模一样?在线版的 vs code 使用起来几乎和本地 vs code 的没有差别,以后可以随时随地写代码了。 最近比较流行以 vs code 查看 gifab 项目的网站,该网站底层就是使用 code server, 呵呵。


哈喽,大家好,今天呢和大家分享一下如何使用 v jstudil 扣子来进行一个远程调试。首先呢我们搜索一下 vs 扣子, 我们可以发现啊,我们访问这个网站还是有一点慢的, 接下来我们点击下载, 因为我这边呢已经之前已经下好了 这个 vivo 的,所以我们这边直接安装, 那安装完成之之后呢,这就是我们的一个界面, 那 vs 扣的的话呢,有两个插件是我们必须要安装的, 第一个呢就是一个行画插件, 问点知 yes go, 然后再重启一下这个软件,还有一个必须安装的软件呢,就是 remodss h, 嗯,这边点击安装, 等待安装完成之后呢,我们可以在左边的侧边栏上可以看到多出来的一个图标,这个就是我们的 s h h 相关的一个图标, 接下来我们点击加号, 输入我们 lsh 的一个主机名以及豪司内, 我们进行连接, 弹出这样一个推划框呢,我们选择允许访问, 然后在上面的平台呢,我们选择 usb 平台,然后再选择 ctrl, 最后输入我们服务器的一个密码, 那从左下角的一个信息呢,我们就可以发现我们这个是已经连上了, 那接下来呢,我们打开一下文件夹啊,这边打开的一个对头的一个文件夹,那我们再选择对头装的一个复印客这样这个文件夹,然后点击确定, 然后再输入一下我们服务器的一个密码, 选择亲人词软件, 那我们就可以看到呢,在左边的上就有我们的一个福利,可相关的一个文件,我们再点击相关文件就可以对其进行编辑, 那我们从这个首页上呢,我们可以看到 通过按下 ctrl 加上一撇就可以调出我们的一个终端,那我这边终端这边的话呢,输入我们的一个命令就可以执行了, 这边显示的是一个提交福利可任务的一个命令, 那 vs 后的的远程调试方法大概就是这样子的,大家下期见。


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


大家好,我是蒋编程的何老师,今天我们来讲一下如何安装。为把前端的开发环境学习,任何一门语言都需要先把开发环境安装好, 安装好开发环境,写出你的第一行代码并运行起来,你就成功一半了,然后不断增加代码,并随时运行代码,查看结果,就可以逐渐学会这门开发语言。 目前主流的前端开发框架是 voe 和 reactor, 今天我们演示的是 voe, 用的是目前最新的 voe 三的版本, voe 三的官网是 v 三点 cn 点 voegslrg, 可以在这上面查看最新的官方文档。 下面我们来讲解如何安装 vip 三的开发环境。首先我们需要安装开发用的编辑器, 可以用来做外保。前端开发的编辑器主要有维修斯六六扣的和 websome。 维修斯六六扣的简称维斯扣的是微软出品的,比较好用,而且免费。 websom 是杰特布瑞斯公司出品的, 这家公司非常厉害,为很多种开发语言都开发了便利器,都非常好用,但需要付费才能使用全部功能。今天我们演示用的是威斯扣的,因为免费而且比较清亮,现在微保全张开发大多数用的是威斯扣的。 现在我们打开浏览器来下载 vs 扣的安装包,打开必应点 com 搜索 vs 扣的下载, 搜索结构中第一个就是 官网的下载链接,点击进入,然后选择对应的操作系统的版本进行下载。我这里用的是温度式操系统,所以下载温度式安装包, 现在已经下载好了,打开安装包进行安装,基本上按照默认步骤安装即可,在这里不建议勾选这一项,不让他改变系统中文件的打开方式。 好,现在 miss code 已经安装好了, 接下来我们在 vice code 中安装 vue 的插件,点击 viscoe 的左侧的插件栏,在这里输入 vue volupt, 然后选择这个 voe vola extension pack, 这里面包含了十三个插件,我们可以把它全部安装进去,都是开发 voe 代码的时候可以用到的,点这里的 isol 进行安装。 安装的过程可能会有一些慢,因为这些插件需要从国外的网站上拉起。 我们可以开启一个贴纸工具来加快他的速度。后面我们的开发当中也会经常用到贴纸工具,贴纸工具可以去网上搜索一下, 有各种工具可以使用,有的是免费的,有的是需要付费的,付费的速度会快一些。好,已经安装好了,接下来我们安装 kit。 kit 是原 代码管理工具,今天这个视力中我们安装它的主要用处是为了得到一个拜师的命令行终端。 这个工具将来在开发代码时也会非常频繁的用到用来对代码进行拉取和迁入管理代码的版本。 get 的安装也非常简单,下载安装包进行安装即可。打开并点 com 搜索 get, 第一个结果就是官网的链接,点击进入,点击这里的下载, 然后点击对应的操作系统版本。我这里用的是 windows 操作系统,所以点 windows 进入,然后选择三十二位或者六十四位的安装包进行下载,可以 查看自己的操作系统来判断应该下载哪个版本。在开始菜单中点设置,然后点系统, 再点关于,在这里可以看到自己的操作系统是三十二位还是六十四位,我这里是六十四位,所以选择六十四位当中波进行下载。 已经下载好了,现在打开安装包进行安装, 这里选四,然后全部按默认选项安装即可。 好,按照好了,点击分离曲结束, 然后我们在 vice code 中配置默认终端,打开 macecode, 点击开始,在这边输入 vscode, 可以在 vs 扣的的图标上点右键固定到开始屏幕,这样方便下次找到他。固定到开始屏幕之后,下次点开始按钮就会出现在这里。打开 vs 扣的, 点击标题栏的中间这个图标, 点击这里的下箭头,选择 selective default profile, 然后这边选择第二个,这样就设置好了默认的终端。后面 在打开 vis 扣的时候,会在这个透明楼间里默认使用 get bias 的中单,这样会方便后面创建项目。

大家好,今天咱们讲一下 c 叉步入门教程常用工具 vs 的安装,注意,章节内容非常简单,但是非常关键,因为它是你迈出你学习的第一步,所以想学习的朋友赶快行动起来。下载安装运行属于你的第一个程序 v u 四九九,又简称 v s。 这一张系列呢,咱们主要分为三部分,就是下载安装、创建项目和编辑运行。 首先咱们说一下下载安装,就 vs 下载安装地址,是这个地址,咱们打开之后看到效果是这样的, 嗯,首先看到的是 windows 操作系统下的一个安装这个入口, windows 下分为三个部分版本,就是社区版、专业版和企业版。咱们这些就是学习阶段 直接用手机版就可以了,因为是个人免费的,针对苹果笔记本 mac 的用户直接选择这个 usc 的微 for mac 免费下载安装就可以了。 安装的时候大家记得选择就是 a s 点。 net 和外部开发还有点 net 桌面开发这两个组件, 因为这两个组件满足绝大部分咱们的学习场景和使用场景。接下来咱们创建项目 双击 vs 二零二的这个图标打开的一个是一个引导界面,这个引导界面就是, 嗯,咱们怎么创建项目?点创建项目的时候是打开本地文件还是通过 get 扩容,还是打开本地的一 几个方案,咱们这里选择就是创建新项目,创建新项目,然后下一步 会让咱们选择一个创业新项目的模板,因为咱们有好多项目的类型,比如说控制台应用, 外部网站应用, a p r 应用,就是 window wifi 网络应用, w p f 应用都好多应用,它在创意选择这个应用模板之后,它会自带的会把你这个应用里面引用的这些类和初始化的一些界面和代码给你。初始化上, 咱们现在创建选择一个空台应用点,下一步的时候会出现一个配置新项目界面,这里会填写一个项目名称,让你选择这个代码项目的位置就是代码存储在哪个位置上, 嗯,还有一个绝方的名称,下面这个绝方的名称是不是一回事?稍后给大家再细说一下, 然后下一步,下一步的时候会让咱们选择框架,嗯, vs 默认的一个框架当前是等它的六点零,然后这里面还有个不使用顶级语句,因为咱们现在是学习的,就为了更好的学习这些语法,咱们就不使用这一个顶级语句了, 记得打勾这个就行了。嗯,默认的框架现在是点亮的六点零, 目前有哪些那个框架呢?咱们简单看一下,目前有的框架是在支持的版本是点他六点零、七点零和八点零,这是长期支持的版本,点那个,点那个 coro, 他是两。这个框架 架是什么?就是跨平台的,就是 windows、 enux, mark 这些操系统都支持,就是基于这个框架支持,基于这个框架是开发的应用程序可以跑在这些系统上,跨平台的一个系统上 啊,不带知识版本咱就不再看了, 咱们再重点再说一下这个点赞 vlog, 点赞 vlog 是 仅适用于温度的版本的一个点赞量,用于生成客户端和服务端的应用程序,他一句话总结就是只能在温度的下跑, 就是我想在创建一个 window wind form 界面或 wtf, 包括就是服务器端的一个应用程序的时候, 他只能选择这个点点的 phone book 版本,目前在支持的版本是这一版本不在支持的咱就不再看了 啊。接下来再说一下编辑运行,当上一步咱们创建完项目之后,看到界面就是这样的界面,这个界面里边然后点击上面的绿色三角,直接就开始运行了,运行的效果如下图,这就是一个控制台的一个界面,所谓控制台应用程序就是这样一个界面, 它这个默认代码里面是在公众袋里面输出了一个 hello word, 大家能看到在这里面输出了一个 hello word, 然后这个解决方案里面咱们能看得到,就这个项目里面咱们右键的时候能生成,右键这个项 的时候有生成和重新生成,这些是 b a、 e 代码的一个过程,就是把代码编译成一个 d o 文件,就是放到服务器上或放到其他地方运行的时候,会生成一个相应的一个可执行文件。 接下来咱们进行实操, 实操去创建一个就是控台的应用程序,首先咱们创建新项目, 选择控制台应用程序的一个模板,如果说大家这里面默默认没有出来这个 c shop 语言的控制它应用这个模板在这里面搜索就行了,控制它应用,然后语言的话记得选 c 型 c shop 就是点它。下一步 这里面让输出那个项目的名称,就是自己定义一个项目的名称,还有企业方案的名称,咱们就先在这个里面所默认就行了,比如说企业方案名称,咱们自己为了区分一下叫 s l n 吧, 大型的 a s l n。 为了区分一下,咱们这里面先区区别开,点下一步 啊,这里面默认使用就是不使用顶级语句,点开六点零,这样长期支持就走,默认就行了。点创建的时候,这样的话就是一个 初始化的一个程序就就出来了, 那个是正在创建项目, 嗯,大家能看到这项目创建完毕了, 穿完毕的这个项目里面包含的就是一个在控制台里面输出了一行代码 hello word, 跟咱们看他看到预想的是一样的。嗯,咱们首先看一下这个解决方案名称,刚才咱们自定义的解决方案里面名称里面带了一个 pros, 这是解决方案的名称,这是项目的名称。 然后这一个项目其实还可以包含多个项目,比如说这个解放可以包含多个项目,这,这是这个项目其实其中一个。比如说咱们再建一个类库的项目,添加新建项目的时候, 这里面右键解决方案添加新建项目,这里面是可以选择一个类库的项目,这是一个类库项目,选中这个类库项目点下一步,这时候默认的是一个类库,这类库可以自定一个名字。 比如说,比如说咱们自己想定一个雷库的项目,就是 s m s u q, 就是我想发一个发短信的一个 youtube 的一个项目,一个 laco 项目,然后这里面下一步创建,这时候他就会创建一个新的项目,这是另外一个项目,这是一个 laco 项目。如果说我 这个控在项目里面想引用我新创建的这个 lago 项目的情况下,我依赖你们添加添加项目引用就行了。添项目引用的时候直接就选择一下刚才那个 s、 m、 s 啊,他是用出来直接选中他, 它也就是说它就可以引用,就是使用添加这个引用之后,就可以使用这个 s、 m、 s 里面的所有的类的信息了, 我这里面定义的那个发短信的一些类的一个方法了,类名了,这些都可以使用了,这是解决方案和项目的一个 关系。然后咱们再简单说一下这个代码编写,代码编写的话,首先第一点什么,就是我们不需要记录很多单词,你比如说我,你说你 ctrl 吧, c o、 n、 s、 o, 那它其实很很多都自动给你弹出来了, c 啊,他直接就弹出来,弹出来之后你直接回车自动就补全这些代码了,包括点的时候他也直接给你看不见,直接就出来相应的这些代码直接执行了。就 这是我们不需要记录那么多单词的一个原因,就说因为绝大部分单词他都是有带这种提示的, 所以说我们直接就写就行了。 然后这是一点,就是绝大部分的单词,这些这些常用的这些系统类,都是系统带智能提示的。 比如说如果说你不知道有哪些类的情况,看一下 c、 c、 m 点,这是系统自带的,它有控制台的,有文件的,有数据的,你看到吗?有日期的, 有这些基本数据类型的,所以所有的类都在这里面直接一个 c 的项目,就是这就是系统下这个框架带的这些所有的类,就是这些类,你可以拿过来直接用,不需要做任何引用,直接用直接使用就行了, 你就来一个 file, 对吧?这一个分就是文件一个样式的一个转换的一个类。然后咱们再看一下,就是除了这些东西之外,咱们再看一下,就是 我如果说,但是不知道怎么写怎么办?比如说我要去写一个像 向 c 盘写入文件 斜杠,斜杠是注视的意思,然后像 c 盘写入文件,就是你表示你打 打一个注视,我要干这个事情,然后下面直接就出来一个一行代码,提示你的代码,这 c 盘的一个文件,你直接按一个 tab 键,他相应的代码就生成了 top 键,它箱子代码就直接就生成了,直接自动就补全上去了。然后你再按一个 top 键,它的内容又出来了,这下面的提示又有了,再按一个 top 键,它就是往 c 盘上写入文件,这个操作就完成了。 然后你再来就是向 c 盘读取 c 盘的文件,看到吗?他也给你智能提示出来了。提示出来以后,然后咱们这些相应的一些方法也有了, 读取 c 盘的文件到一个这个文件这个磁性变量里面,然后在输出的控制台 输入空台里面的时候,然后你这个输入 ctrl, 他又给你自动补全了。你看他理解你的意思, 也就是在这个时代里面,就是你只要你想到这些提示词,他都会帮你去完成这些信息,包括咱们现在这个短信的类里面,比如咱们重命名一个类名 啊,不用重名名了,我就新建一个吧, 比如说咱们叫阿里云 s m s, 写了这样一个类,这个类里面然后就是写一些, 因为这是个内部类,然后咱们直接就是把它改成一个 public, 因为是要供其他项目调用的。 这个时候咱们再写一个就是发送短信的方法,看了吧,我直接写了一个 s m s, 它后续的代码就已经生成了,生成的时候,然后实际上它里面一看并不是我想要的代码,但是它方法已经有了 s, 现在 s m s, 对不对啊? 这个时候我要做的时候把这个代码删掉,其实我要加个注释,发送短信, 用接口发送短线, 咱们首先定义一个什么东西,定义一个就 mobile 的一个量的一个变量,就是我要给哪个手机发短信,发短信的内容是什么。这两个有了之后,然后开始发短信,发短信的时候他会给出一些提示, 比如说 v r l 等于一个阿里云, 你看他会提示你相好的这些代码,就是按理云的相好的相关代码他都会给到你, 那短信的内容,包括发送的一些方法,他都会提示出来。就是如果说你在前面能加出一个更详细的一个注释的情况下,比如说我们写,写出来我们的入餐是什么,我的出餐是什么,你写出这些信息之后, 他会更详细的给到你, 你把这注释写到这里面以后,就是我,我的入餐是什么,我的文档是什么,他会根据这些文档直接给你帮你写出相应的这些发短信的代码。 大家明白这个意思就行了,就是说当我给到给他提示 词足够的情况下,我的代码其实很大一部分都交给 ar 器完成了, 今天咱们就讲到这里,然后做个简单总结,就是工欲善其事必先利其器,一款好的工具不仅仅提高你的效率,而且还会扩展你的能力。就是生活当中我们要尽快去找到适合我们的兵器,因为他可以快速让我们达成目标。 就是大家还有什么问题的话可以加关注,在评论区留言,或者加客服一对一咨询。

如何在苹果电脑里边安装 vs 扣的?选择登录的,我这个是英特尔的 cpu, 所以选择第一个选项好了,下载完成了,打开,嗯,打开,这样直接就可以使用了,这就。