運(yùn)行 html:安裝 HTML 預(yù)處理器(如 HTML-css-JS Prettify)配置用戶設(shè)置,將預(yù)處理器指定為默認(rèn)("html_prettify_on_save": true)保存 HTML 文件 (.html)使用快捷鍵 (Ctrl + B/Cmd + B) 或菜單 (Tools > Build System > HTML) 運(yùn)行和預(yù)覽 HTML 文件。
如何使用 sublime Text 運(yùn)行 HTML
sublime text 是一個(gè)流行的代碼編輯器,用于編寫和編輯各種編程語(yǔ)言,包括 HTML。要使用 Sublime Text 運(yùn)行 HTML,請(qǐng)按照以下步驟操作:
步驟 1:安裝 HTML 預(yù)處理器
Sublime Text 默認(rèn)不附帶用于運(yùn)行 HTML 的 HTML 預(yù)處理器。因此,您需要安裝一個(gè)。有幾個(gè)流行的選擇,例如:
立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記(深入)”;
- HTML-CSS-JS Prettify
- HTML-CSS-JS formatter
- Elm Format
前往 Package Control 并搜索所需的預(yù)處理器。按照出現(xiàn)的說(shuō)明進(jìn)行安裝。
步驟 2:配置用戶設(shè)置
安裝預(yù)處理器后,您需要配置 Sublime Text 的用戶設(shè)置以將其指定為默認(rèn)預(yù)處理器。打開(kāi) Sublime Text 的 Preferences > Settings 文件并添加以下行:
"html_prettify_on_save": true
步驟 3:保存您的 HTML 文件
編寫您的 HTML 代碼并將其保存為 .html 文件。
步驟 4:運(yùn)行 HTML 文件
有兩種方法可以在 Sublime Text 中運(yùn)行 HTML 文件:
- 使用鍵盤快捷鍵: 按 Ctrl + B (windows/linux) 或 Cmd + B (Mac) 將使用預(yù)處理器運(yùn)行并預(yù)覽 HTML 文件。
- 使用 Sublime Text 菜單: 轉(zhuǎn)到 Tools > Build System > HTML,然后選擇 Build。這將使用預(yù)處理器運(yùn)行 HTML 文件,并在 Sublime Text 中顯示生成的 HTML 文件。
注意:要查看 HTML 文件在瀏覽器中的外觀,您需要將文件拖放到瀏覽器窗口中,或在瀏覽器地址欄中手動(dòng)輸入文件路徑。