Win11下载安装以及使用VisualStudio Code保姆级教程

1.下载VisualStudio Code

下载地址https://code.visualstudio.com/

根据自己电脑系统下载对应的版本,我这里下载的是Window版本
在这里插入图片描述

点击这个Download for Windows会弹出以下界面
在这里插入图片描述

下载速度可能会比较慢

在这里插入图片描述

挂上“科学”就是正常速度

2.安装教程

打开文件,同意协议:
在这里插入图片描述

选择一个自己的文件夹,然后下一步:
在这里插入图片描述

下一步:
在这里插入图片描述

然后勾选在桌面创建快捷方式,下一步:

在这里插入图片描述

然后安装:
在这里插入图片描述在这里插入图片描述
完成:
在这里插入图片描述

3.汉化以及新建程序:

打开code,按住Ctrl+Shift+x,然后在搜索框搜索Chinese,安装第一个中文简体:
在这里插入图片描述

接下来再继续搜索Open,选择第二个open in browser然后安装:
在这里插入图片描述

重启软件,然后开始我们的第一个网页文件的创建:

点击文件→新建文件
在这里插入图片描述

然后得到了这个界面:
在这里插入图片描述

点击文件→保存文件(或者按Ctrl+S):
在这里插入图片描述

然后选择一个文件夹并且更改文件的名称以及后缀名:
在这里插入图片描述

注意:这里的后缀名一定要改成.html

可以看到code界面已经变成这样了:
在这里插入图片描述

然后我们输入一个英文版的 ! 鼠标点击第一个:
在这里插入图片描述

就会自动出现:
在这里插入图片描述

然后我们把代码稍微修改以下:
在这里插入图片描述

Ctrl+S保存,然后按Alt+B在浏览器中解析:
在这里插入图片描述

选择一个浏览器打开就好了(推荐谷歌)。

可以看到我们的第一个html页面就完成了:
在这里插入图片描述

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Visual Studio Code是一个轻量的代码编辑器,可用于几乎所有主流编程语言的开发。以下是Visual Studio Code(简称VSCode)的安装使用教程。 1. 首先,打开浏览器,搜索“Visual Studio Code官网”,进入官方网站。在网页上找到“下载”按钮,点击进入下载页面。 2. 在下载页面的选择栏中,根据你使用的操作系统(Windows、Mac或Linux),选择相应的版本进行下载。选择合适的版本后,点击下载按钮。 3. 下载完成后,双击运行安装程序。根据提示,选择安装的语言和安装位置,推荐使用默认选项。点击“下一步”以继续安装。 4. 等待安装程序完成后,将在开始菜单或应用程序列表中找到VSCode的图标。双击图标打开软件。 5. 使用VSCode的第一步是打开一个文件夹或项目。选择“文件”菜单中的“打开文件夹”或“打开工作区”选项,找到你想要打开的文件夹或项目文件夹,点击“选择文件夹”按钮。 6. 在VSCode的编辑区域中,你可以编写代码。可以选择不同的编程语言模式,以获得适当的代码高亮和语法检查。 7. 通过侧边栏可以访问文件和文件夹,并在其中进行导航。可以通过点击文件名来打开和关闭文件。 8. VSCode具有丰富的插件市场,可以增强其功能。点击左侧的扩展图标,进入插件市场。在搜索框中输入你需要的插件名称,并点击安装按钮以安装插件。安装完成后,需重新加载窗口以应用插件。 9. VSCode还提供了很多代码编辑和调试的功能,例如自动补全、代码格式化、调试器等。你可以在官方网站或第三方教程中了解更多有关这些功能的详细教程。 以上是关于VSCode的简单安装使用教程,希望能帮助到你。如果需要更深入的学习和使用指南,请查阅相关的CSND教程或官方文档。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值