1.下载VisualStudio Code

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

根据自己电脑系统下载对应的版本,我这里下载的是Window版本

Visual studio android调试 visual studio code android_搜索

点击这个Download for Windows会弹出以下界面

Visual studio android调试 visual studio code android_后缀名_02

下载速度可能会比较慢

Visual studio android调试 visual studio code android_visual studio_03

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

2.安装教程

打开文件,同意协议:

Visual studio android调试 visual studio code android_ide_04

选择一个自己的文件夹,然后下一步:

Visual studio android调试 visual studio code android_visual studio_05

下一步:

Visual studio android调试 visual studio code android_ide_06

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

Visual studio android调试 visual studio code android_visual studio_07

然后安装:

Visual studio android调试 visual studio code android_后缀名_08

Visual studio android调试 visual studio code android_后缀名_09


完成:

Visual studio android调试 visual studio code android_后缀名_10

3.汉化以及新建程序:

打开code,按住Ctrl+Shift+x,然后在搜索框搜索Chinese,安装第一个中文简体:

Visual studio android调试 visual studio code android_visualstudio_11

接下来再继续搜索Open,选择第二个open in browser然后安装:

Visual studio android调试 visual studio code android_搜索_12

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

点击文件→新建文件

Visual studio android调试 visual studio code android_visual studio_13

然后得到了这个界面:

Visual studio android调试 visual studio code android_后缀名_14

点击文件→保存文件(或者按Ctrl+S):

Visual studio android调试 visual studio code android_搜索_15

然后选择一个文件夹并且更改文件的名称以及后缀名:

Visual studio android调试 visual studio code android_后缀名_16

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

可以看到code界面已经变成这样了:

Visual studio android调试 visual studio code android_后缀名_17

然后我们输入一个英文版的 ! 鼠标点击第一个:

Visual studio android调试 visual studio code android_后缀名_18

就会自动出现:

Visual studio android调试 visual studio code android_visualstudio_19

然后我们把代码稍微修改以下:

Visual studio android调试 visual studio code android_visual studio_20

Ctrl+S保存,然后按Alt+B在浏览器中解析:

Visual studio android调试 visual studio code android_ide_21

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

可以看到我们的第一个html页面就完成了:

Visual studio android调试 visual studio code android_visualstudio_22