初ᥬ⛄️᭄見2021-12-04 21:20:09

開啟vscode軟體

開啟visual studio code，介面最上方的是選單欄，左側的是快捷工具欄，設定按鈕就在左側的最下方。

檢視選單欄功能

檢視頂部的選單欄，“File”是對檔案操作的選單，“Edit”是編輯過程中的相關選單，“View”是顯示或者隱藏哪些檢視視窗的選單，“Go”是跳轉類的選單，“Debug”是除錯相關的選單，“Help”是幫助選單。

檢視工具欄功能

檢視左側的快捷工具欄，“Explorer”是當前開啟的檔案或者資料夾的列表視窗，”Search“是查詢和替換視窗，“Source Control”是原始碼管理的視窗，用於配合svn、git等原始碼管理工具，”Debug“是除錯視窗。Extensions：擴充套件外掛視窗。

點選設定按鈕

點選左側工具欄的最下方的“設定”按鈕，彈出選單，選擇“Settings”，在右側出現各種明細設定的選項。點開設定頁面，有間隔多少毫秒自動儲存的設定項，有使用介面字號、字型的設定項。

新建空白標籤頁

點選左上角的“File”選單，選擇“New File”出現一個空白的標籤頁，這樣的標籤頁還沒有儲存任何內容，也沒有儲存成物理檔案，書寫程式碼的時候，沒有智慧提示。

另存為網頁檔案

使用“Ctrl + S”組合鍵，或者點選“File”選單下面的“Save”選項，儲存檔案到電腦的磁碟。在彈出的儲存到磁碟位置的介面中，預設的檔案型別是“txt”文字檔案，修改為“。html”結尾的檔案是html網頁檔案。

生成規範頁面

儲存為“html”結尾的網頁格式檔案後，在檔案的開始處，輸入一個感嘆號“！”，按下“Tab”鍵，可以自動生成符合H5規範的html頁面框架內容。