一、前言

每一次在我想要新增一個Html網頁，都會上網查詢Html範例，哈哈哈原諒筆者我對Html基本架構，

我就在想VSCode有沒有快捷鍵可以很快速產生一個Html基本架構，只需要在VSCode的Html文件打上『!』，沒錯就是一個驚嘆號就可以做到了，如果您有興趣的話，也可以看看以下我的實際操作吧

 

enjoy

二、Visual Studio Code連結

https://code.visualstudio.com/

 

三、實際操作

1.開啟Visual Studio COde

1.png

 

2.新增檔案

2.png

3.png

3.設定語言模式，選擇Html

4.png

5.png

 

4.在編輯區打上『!』，並按下Enter鍵

6.png

5.刪除編輯區上第5和第6行

5
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6
<meta http-equiv="X-UA-Compatible" content="ie=edge">

*這是筆者我的個人習慣，也可以選擇不刪除

7.png

6.為我們的Html Title(標題標籤)打上『使用VS Code快速新增Html範例』

9..png

7.在Body(內容標籤)打上<P>Hello World</P>

10.png

8.存檔

11.png

9.使用瀏覽器瀏覽

12.png

 

 


arrow
arrow
    文章標籤
    Visual Studio Code 快捷鍵 HTML
    全站熱搜
    創作者介紹
    創作者 gamer99122 的頭像
    gamer99122

    菜鳥L的手札

    gamer99122 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄