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

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

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

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

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

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

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