第一步雙擊打開Visual Studio Code,咱們發現什麼也沒有,可是有一個默認打開的編輯頁面。咱們先點擊File->OpenFoldorhtml
爲何先這麼作呢,有兩個緣由,第一個緣由假如你有已經寫好的code,直接打開code文件夾,編輯器會把你文件夾下面的全部工程給你加載進來。這個後面咱們會看到。瀏覽器
第二個緣由就是跟只能感知提示有關係,你必須先把你的編輯頁面保存爲某種格式的文件,編輯器才能更只能的爲你提供感應提示。其實條條大路通羅馬,你也能夠直接經過其餘方式新建文件操做。編輯器
我新建了一個VisualStudioCode文件夾而後打開,咱們看到左邊的工具欄上面以下圖:工具
下面咱們就新建一個Index.html文件。點擊文件夾旁邊的新建按鈕,輸入文件名稱Index.html.code
我隨便編寫了一段HTML在上面:htm
Ctrl +S 保存,而後在文件夾下找到index.html用瀏覽器打開:blog