如何安装 vscode? 我们要访问 vscod 官方网站,在官方网站的首页啊,我们会看到 vscode 最新的版本是一点七幺这个版本,我们可以直接点击首页当中这个箭头,如果是 windows 系统呢,我们就点击这个按钮下载稳定版本,如果是 mac 系统,我们就点击这个按钮,那我们是 windows 系统,我直接安装下面这个就可以了,来,我们双击运行,点击运行。 好,我们点击我同意词协议,加油,那在这个界面当中呢,要选择 asgo 的这款软件,我要安装到每个目录,点击浏览之后呢,我要去选择我要安装的盘符,我要将它安装在我的 e 盘,在 e 盘当中呢,我要将其安装在 divap 这个目录下。好,我选择这个目录, 然后呢我点击确定,我们直接点击 next 下一步,然后呢下一步,然后在这里呢我需要勾选一下,需要创建桌面快捷方式,通过这个快捷方式就可以打开这个软件。好,我们点击下一步,然后点击安装啊。
粉丝7.8万获赞29.6万

从零到一学前段之外所有的基本使用操作,咱们在打同学们具体使用 vs 扣的软件之前呢,首先有一个使用前的基本要求,同学们需要能达到哦。 首先第一个要求呢,咱们的 vs 扣的软件需要同学们都安装完毕,除了软件本体需要安装的之外呢,同学们还需要安装两个插件, 一个呢叫做 chinese, 这个插件安装完了之后呢,就能让咱们当前的 vs 扣的中的界面文字呢全都变成简体中文的,这样呢同学们使用起来会更加的顺手一点。 第二个插件呢叫做 opening bross, 安置完这个插件之后呢,咱们就可以直接通过 vsq 的来打开咱们的浏览器,会更加的方便一点,简单来说就是选择 vs 扣的左侧的第五个按钮,然后搜索咱们插件名字,直接点安装呢就行了。明确了咱们 vs 扣的使用之前的要求之后,那首先第一步呢,咱们需要双击打开 vsq 的,打开完了之后呢,第二步咱们需要将文件夹拖拽进来, 那这里呢,咱们就打开刚才所创建好的 d 零一代码文件夹,然后呢将文件夹左键按住不放,一直拖拖到咱们 vs code 的窗口过来, 直接呢放在这放手呢就行了。这样看呢,同学们会发现咱们在 vs q 的左侧呢,已经打开了咱们 d 零一代码文件夹,并且咱们当前文件夹中所对应的网页在咱们 vs q 的左侧也都能看得到。那接下来呢,咱们还需要创建咱们的 文件,那怎么创建呢?也很简单,咱们只要点击文件夹目录的第一个按钮叫做新建文件即可直接输入咱们所要创建网页的名字,比如说零三 vs code 的基本使用就行了。 这边注意点在于千万需要小心,咱们创建的页面后缀需要加上哦,后缀名是 dht ml, 写完之后一回车呢,这样一个网页就被咱们创建出来了, 而且同学们会发现咱们使用 visco 的创建的方法比使用记事本呢更加的方便一点。网页创建出来之后,那么接下来咱们的操作就是要往咱们当前网页中书写代码了,之前咱们使用记事本呢,咱们想教骨架结构,咱们是自己写一对坚果号,后面写上斜杠, 再写上 htm 放在这的,这样做呢太麻烦了。同学们既然使用的是开发工具,咱们可以使用开发工具所提供的一些基本快捷键,那这里呢老师就给同学们说几个 vs code 的常见快捷操作。第一个快捷操作呢叫做快速生成标签, 咱们之前需要写一对建国号,而现在咱们只要写上英文加上太不见呢就行了。那这边呢咱们就给同学们来演示一下哦, 那比如说咱们想写一个网页,首先需要完成他的基本股价,首先整体是咱们的 html 这么一个标签,按下看不见,直接帮咱们生成了一个标签, 然后在 htm 标签的里面呢,还有咱们对应的头叫做 head 标签,然后呢 在头的下面还有一个是身体叫做 body, 表现在头部里面还有一双布灵,布灵的大眼睛叫做抬头表现。 泰特标签里面呢写的是咱们网页的标题,奥包的里面呢写的是咱们网页的主体内容,使用 vs code 的快捷操作,这样写标签呢更加的方便一点, 而且呢咱们标签之间的层级关系, vs 扣的也会自动用咱们的缩镜来去表示,看起来呢也非常的直观, 写完代码之后一定要记得去保存他,否则这边会给你提示一个未保存,或者这边呢会给咱们显示一个小圆点,按下 ctrl 加 s 之后呢当前的文件就被咱们保存好了。当然有些同学呢,可能在一开始呢并不习惯 这么一个操作,咱们可以直接点击 vs q 的上方的文件按钮点击一下,这其中呢有一个选项叫做自动保存,点击一下 点完了之后呢,他的效果就是一旦咱们修改了当前文件的内容,他会帮咱们自动保存,而不用咱们按下 ctrl 加 s 哦,那这样呢,可能同学们会觉得方便一点,那此时咱们怎么样用浏览器来看他的效果呢? 除了咱们之前直接找的文件双击点开之外呢,咱们在这里还可以使用刚刚在 vs 扣的中安装好的插件,也就是咱们的 open 音 bros, 具体操作呢就是我们在网页中直接右击,然后呢选择 oppo in default browse 呢就行了,同学们想看到这个按钮呢,必须得安装了咱们 open bros 插件才行哦,咱们想看当前的网页,直接右击选择其中的 oppo 的 bros 呢就行了, 同学们呢也可以使用快捷键,就是 l 加 b 键,也是可以直接打开的。现在呢咱们就通过 vs code 呢直接打开了咱们的网页,看到了最终所展示的效果哦,那说到这里呢,想必同学们已经知道了咱们 vs code 的基本操作, 那最后呢,咱们再来教同学们一个 vs code 的基本操作,咱们刚才说到了,其实每个网页呢,他的骨架结构都是一样的,那么每写一个网页都需要将他的骨架写一遍,这样做呢,有一点麻烦, 咱们是可以直接通过 vs 扣的中的快捷键帮咱们自动生成基本股价的,就是这边所展示到的使用感叹号加 上看不见呢就行了。在这样一个快捷操作中呢,有两个注意点,同学们需要小心一下的。 第一个注意点就是咱们这边所写的感叹号呢,必须得是英文状态下的,否则中文的呢是无效的。 第二个注意点就是咱们必须要保证当前文件的后缀是点 htm, 要呢才能自动生成,否则是无效的。咱们将这边的代码全都删除掉, 咱们可以写上英文状态下的感叹号,按下太不见呢就能直接出来骨架结构 们会发现有 htm 有有害的,有咱们对应的抬头,有咱们对应的 body 该有的呢都有。有同学可能会说,老师,咱们 vs code 帮咱们生成的骨架感觉多了一些很多的其他的内容啊,那这些内容呢,又是干一件什么样的事情呢? 对于其他多出来的部分呢,同学们目前可以先忽略掉他,咱们到后面呢,会给同学们专门介绍到咱们多出来的部分,分别表示什么样的意思哦。

今天早上在群里刷到这张图,直接给我整笑了。虽然这张图已经传的快包浆了,但不能看出这是一位正准备在暑期逆袭的准大学生。为了领先同龄人,他含泪掏出三十九元巨资买下一个免费开源的 v s code 安装包,外加一份三百六十五天激活码。 看到这,我不得不佩服这些卖家的商业头脑,这种把免费的大自然搬运工硬是包装成精装版的操作,农夫山泉看的都直呼内喊 厉害。至于喷这位准大学生交智商税,我觉得倒大可不必,那毕竟还没真正走出校门,不知道外面的世界除了星辰大海,还有专门割韭菜的镰刀大海。那很多人可能觉得这是段子,但我一说,发现还真不一定。早在二零二二年微站上就曝光了类似的事件。 三十九点七元即可购买 vsco 的 官方中文版。你再看这张图的左下角, google 官方称坦授权,好家伙,微软听了想流泪, google 看了想报警。评论区还有人爆料,这种空手套白狼的玩法居然还挺赚钱,毛利利大概七十个。哎, 这个世界就有这么的层次类似,我真的还看过不少海鲜市场,有人能卖 luke m q 原码某宝九块九卖所谓的 deepsea 满血版,点进去一看,本就是给你发几个免费的 top 网站链接。所以各位准大学生,在校的大学生们,真的求你们擦亮眼睛。 这个 ai 时代,学编程没那么难,也真不用花这种冤枉钱。如果你怕踩坑,多去程序员扎堆的地方逛逛,比如我们边导航社区,把常用的工具、免费资源、学习路线都整理的清清楚楚,一站式搞定,有问题还能直接发帖,甚至还能顺便收获点情绪价值。那最后再多叮嘱一句, 虽然老话说吃亏是福,但这三十九块钱省下来买几杯奶茶,它不香吗?那你们还见过哪些离谱的付费资源?评论区发出来帮大家拍拍脸!

这期我们来安装 vs code。 vs code 是 visual studio code 的 缩写,是微软公司于二零一五年四月三十日发布的跨平台原代码编辑器,适用于各种编程语言,拥有代码高量、自动补全、 调试、 get 集成等强大功能,成为程序员不可或缺的工具。首先打开应用中心,接着点击开发工具,往下滑就能看到 vs code 的 应用。点击进入应用,这里可以看见一些描述。 接着我们点击安装按钮,勾选接受许可协议的条款,这里选择存储位置,点击下一步,然后打开遵守上述服务条款的按钮,端口号默认即可,如果被占用或者一直安装不成功,可以更换端口号再试。接着设置一个访问密码,点击下一步,再点击确定, 耐心等待安装完成,等待启动完成。接着我们打开看一下,输入刚才设置的访问密码,进入后可以先设置一下主题颜色,选来选去还是暗黑看着舒心。然后我们看看 vs code 的 扩展插件,基本和正式版本一样,有需求的道友快去试试吧。

一般安装哪些插件?说一下。我的插件安装不多,你要是咱们学员的话,你在群里边问一下,估计比我的插件多。我的插件不多啊,我的插件很少。这个是一个正则的啊,有的时候一些正则我不会写了,我就从这里面查一查。呃,这个是从一名标签的。 这个东西不管它啊,这是一个书签儿。这 c 加加不管它啊,这个 c 的 不管它。这个东西好用啊, code runner, 它是用来直接运行代码的啊,就在 vs code 里边直接运行代码。 呃,这是一个画图的工具,下边是一些 english link, 这也是个画图工具。这就是经常同学问那个 ai 工具啊,我用的是 compiles。 这是一个图片的预览啊,预览图的,在 vsco 里边可以预览图片的表格里写个一比九元素是吧?给他一个 s r c 地址,那么指着这个地址呢,就预览图片。这是类似的一个自动提示的插件,这是一个路径自动提示的 creator, 应该都知道吧。这个是 project manager, 这个是可以把你当前的工程啊,相当于是进行收藏啊,放到相当一个收藏夹。这个是一个正折的预览,这是可以在 vs code 的 里边远程打开这个 github 的 仓库的。这个呢,是当时我教同学们那个网络的时候用的一个插件啊,主要是 在 vs code 的 里边进行一些。呃,翻译的啊,比如 s code 里边进行一些翻译成 css 啊,主要是教学用的。这个东西生态环境开发的时候一般很少用。 呃,这是那个 vtes 啊,有一期搞的一个测试框架,没啥了,你看我就没了。这是样配置文件的,这是那个 c s 原子化的,原子化提示的没了。我都用的很少啊,我插件很少。

太炸裂了!这个基于 vs code 的 开源产品才是真正能平替 curser 的 神器!大家都知道 curser 是 基于 vs code 开发的,而 voice 也是,操作习惯和界面跟 curser 一 模一样,但它完全开源,免费来看效果演示,告诉它你想要什么功能,它就能自动帮你写代码,还支持接入本地模型 word, 不 仅支持氛围式编程, web coding, 描述一下需求,它就能帮你自动生成对应的代码模块,不管是新功能还是代码重构,一句话就能搞定。而且还可以智能生成 get commit, 它能分析你的代码改动,自动生成清晰规范的提交信息,再也不用为写 commit message 头疼了。 还能实时智能补全。写代码时,它会预测你想写什么,按 type 就 能一键接受,代码补全,快到飞起。 不过 boy 的 原版有个缺点, a 阵的智能体的对话框不支持图片识别,但我进行了二次开发,现在对话框可以直接识别图片了。我现在把 boy 的 官网截图丢给他,他就能直接一比一的复刻这个网站,来看看复刻的效果,直接在浏览器运行, 效果和 boy 的 官网一模一样,以后看到喜欢的网站截图就能复刻。感兴趣的话评论区留言分享,我把详细的使用教程发给你。