Visual Studio Code编写HTML

  第一步双击打开Visual Studio Code,我们发现什么也没有,但是有一个默认打开的编辑页面。我们先点击File->OpenFoldor

Visual Studio Code编写HTML

为什么先这么做呢,有两个原因,第一个原因假如你有已经写好的code,直接打开code文件夹,编辑器会把你文件夹下面的所有工程给你加载进来。这个后面我们会看到。

第二个原因就是跟只能感知提示有关系,你必须先把你的编辑页面保存为某种格式的文件,编辑器才能更只能的为你提供感应提示。其实条条大路通罗马,你也可以直接通过其他方式新建文件操作。

我新建了一个VisualStudioCode文件夹然后打开,我们看到左边的工具栏上面如下图:

Visual Studio Code编写HTML

下面我们就新建一个Index.html文件。点击文件夹旁边的新建按钮,输入文件名称Index.html.

Visual Studio Code编写HTML

我随便编写了一段HTML在上面:

Visual Studio Code编写HTML

Ctrl +S 保存,然后在文件夹下找到index.html用浏览器打开:

Visual Studio Code编写HTML

上一篇:Visual Studio中编写C程序


下一篇:常用css样式处理