[VSCode]使用Visual Studio Code快速新增Html網頁範例 | VSCode HTML 快速鍵
一、前言每一次在我想要新增一個Html網頁,都會上網查詢Html範例,哈哈哈原諒筆者我對Html基本架構,我就在想VSCode有沒有快捷鍵可以很快速產生一個Html基本架構,只需要在VSCode的Html文件打上『!』,沒錯就是一個驚嘆號就可以做到了,如果您有興趣的話,也可以看看以下我的實際操作吧 enjoy二、VisualStudioCode連結https://code.visualstudio.com/[1] 三、實際操作1.開啟VisualStudioCOde 2.新增檔案3.設定語言模式,選擇Html 4.在編輯區打上『!』,並按下Enter鍵5.刪除編輯區上第5和第6行5
一、前言
每一次在我想要新增一個Html網頁,都會上網查詢Html範例,哈哈哈原諒筆者我對Html基本架構,
我就在想VSCode有沒有快捷鍵可以很快速產生一個Html基本架構,只需要在VSCode的Html文件打上『!』,沒錯就是一個驚嘆號就可以做到了,如果您有興趣的話,也可以看看以下我的實際操作吧
enjoy
二、Visual Studio Code連結
https://code.visualstudio.com/[1]
三、實際操作
1.開啟Visual Studio COde
2.新增檔案
3.設定語言模式,選擇Html
4.在編輯區打上『!』,並按下Enter鍵
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">
*這是筆者我的個人習慣,也可以選擇不刪除
6.為我們的Html Title(標題標籤)打上『使用VS Code快速新增Html範例』
7.在Body(內容標籤)打上<P>Hello World</P>
8.存檔
9.使用瀏覽器瀏覽
References https://code.visualstudio.com/ (code.visualstudi...