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

1.下载VisualStudio Code

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

根据自己电脑系统下载对应的版本,我这里下载的是Window版本
Win11下载安装以及使用VisualStudio Code保姆级教程_第1张图片

点击这个Download for Windows会弹出以下界面
Win11下载安装以及使用VisualStudio Code保姆级教程_第2张图片

下载速度可能会比较慢

Win11下载安装以及使用VisualStudio Code保姆级教程_第3张图片

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

2.安装教程

打开文件,同意协议:
Win11下载安装以及使用VisualStudio Code保姆级教程_第4张图片

选择一个自己的文件夹,然后下一步:
Win11下载安装以及使用VisualStudio Code保姆级教程_第5张图片

下一步:
Win11下载安装以及使用VisualStudio Code保姆级教程_第6张图片

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

Win11下载安装以及使用VisualStudio Code保姆级教程_第7张图片

然后安装:
Win11下载安装以及使用VisualStudio Code保姆级教程_第8张图片Win11下载安装以及使用VisualStudio Code保姆级教程_第9张图片
完成:
Win11下载安装以及使用VisualStudio Code保姆级教程_第10张图片

3.汉化以及新建程序:

打开code,按住Ctrl+Shift+x,然后在搜索框搜索Chinese,安装第一个中文简体:
Win11下载安装以及使用VisualStudio Code保姆级教程_第11张图片

接下来再继续搜索Open,选择第二个open in browser然后安装:
Win11下载安装以及使用VisualStudio Code保姆级教程_第12张图片

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

点击文件→新建文件
Win11下载安装以及使用VisualStudio Code保姆级教程_第13张图片

然后得到了这个界面:
Win11下载安装以及使用VisualStudio Code保姆级教程_第14张图片

点击文件→保存文件(或者按Ctrl+S):
Win11下载安装以及使用VisualStudio Code保姆级教程_第15张图片

然后选择一个文件夹并且更改文件的名称以及后缀名:
Win11下载安装以及使用VisualStudio Code保姆级教程_第16张图片

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

可以看到code界面已经变成这样了:
Win11下载安装以及使用VisualStudio Code保姆级教程_第17张图片

然后我们输入一个英文版的 ! 鼠标点击第一个:
Win11下载安装以及使用VisualStudio Code保姆级教程_第18张图片

就会自动出现:
Win11下载安装以及使用VisualStudio Code保姆级教程_第19张图片

然后我们把代码稍微修改以下:
Win11下载安装以及使用VisualStudio Code保姆级教程_第20张图片

Ctrl+S保存,然后按Alt+B在浏览器中解析:
Win11下载安装以及使用VisualStudio Code保姆级教程_第21张图片

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

可以看到我们的第一个html页面就完成了:
Win11下载安装以及使用VisualStudio Code保姆级教程_第22张图片

你可能感兴趣的:(html学习笔记,visual,studio,ide,visualstudio)