首頁 開發工具 sublime Sublimetext 3 實作編輯markdown時同步刷新網頁預覽

Sublimetext 3 實作編輯markdown時同步刷新網頁預覽

Oct 23, 2019 pm 02:11 PM

以下由sublime教學專欄跟大家介紹Sublimetext 3 實作編輯markdown時同步刷新網頁預覽的方法,希望對需要的朋友有幫助!

Sublimetext 3 實作編輯markdown時同步刷新網頁預覽

實作Markdown即時預覽

#首先要安裝兩個外掛程式, 強烈建議使用Package Control安裝

Markdown Preview

● Ctrl Shift p, 輸入Install Package

● 輸入Markdown Preview, 回車安裝

安裝成功後, 編輯Markdown Preview的設定檔

Preferences -> Package Settings -> Markdown Preview -> Settings - User
登入後複製

開啟自動重新載入:

{
    "enable_autoreload": true
}
登入後複製

重啟Sublime text

LiveReload

##● Ctrl Shift p, 輸入Install Package

● 輸入LiveReload, 回車安裝

安裝成功後, 再次Ctrl shift p, 輸入LiveReload: Enable/disable plug-ins, 回車, 選擇Simple Reload with delay (400ms) , 就可以實現即時預覽了.

值得注意的是, 要編輯的檔案名稱後綴必須為

md。

以上是Sublimetext 3 實作編輯markdown時同步刷新網頁預覽的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1321
25
PHP教程
1269
29
C# 教程
1249
24
sublime怎麼運行代碼python sublime怎麼運行代碼python Apr 16, 2025 am 08:48 AM

在 Sublime Text 中運行 Python 代碼,需先安裝 Python 插件,再創建 .py 文件並編寫代碼,最後按 Ctrl B 運行代碼,輸出會在控制台中顯示。

sublime寫好代碼後如何運行 sublime寫好代碼後如何運行 Apr 16, 2025 am 08:51 AM

在 Sublime 中運行代碼的方法有六種:通過熱鍵、菜單、構建系統、命令行、設置默認構建系統和自定義構建命令,並可通過右鍵單擊項目/文件運行單個文件/項目,構建系統可用性取決於 Sublime Text 的安裝情況。

sublime怎么生成html sublime怎么生成html Apr 16, 2025 am 09:03 AM

在 Sublime Text 中生成 HTML 代碼有兩種方法:使用 Emmet 插件,可通過輸入縮寫並按 Tab 鍵生成 HTML 元素,或使用預定義的 HTML 文件模板,可提供基本的 HTML 結構和其他功能,如代碼片段、自動完成功能和 Emmet Snippets。

崇高的文本與vs代碼:哪個是最佳選擇? 崇高的文本與vs代碼:哪個是最佳選擇? Apr 15, 2025 am 12:01 AM

選擇SublimeText還是VSCode取決於個人需求:1.SublimeText適合追求輕量級和高效編輯的用戶,其啟動速度快但需購買許可。 2.VSCode適合需要強大調試和豐富插件的用戶,資源消耗較高但開源且免費。

崇高文本與代碼:插件生態系統和可擴展性 崇高文本與代碼:插件生態系統和可擴展性 Apr 14, 2025 am 12:10 AM

SublimeText和VSCode在插件生態和擴展性上的表現各有優勢。 SublimeText通過PackageControl管理插件,插件數量較少但質量高,主要使用Python腳本擴展。 VSCode則擁有龐大的Marketplace,插件數量多且更新頻繁,使用TypeScript和JavaScript進行擴展,API更為全面。

sublime快捷鍵怎麼使用 sublime快捷鍵怎麼使用 Apr 16, 2025 am 08:57 AM

Sublime Text 提供了提高开发效率的快捷键,包括常用的(保存、复制、剪切等)、编辑(缩进、格式化等)、导航(项目面板、文件浏览等)以及查找和替换快捷键。熟练使用这些快捷键可显著提升 Sublime 的使用效率。

sublime怎麼運行python sublime怎麼運行python Apr 16, 2025 am 08:54 AM

在 Sublime Text 中運行 Python 腳本的方法:安裝 Python 解釋器配置 Sublime Text 中的解釋器路徑按 Ctrl B(Windows/Linux)或 Cmd B(macOS)運行腳本如果需要交互式控制台,請按 Ctrl \(Windows/Linux)或 Cmd \(macOS)

sublime怎麼設置快捷鍵 sublime怎麼設置快捷鍵 Apr 16, 2025 am 09:15 AM

要設置 Sublime Text 的快捷鍵,請遵循以下步驟:打開快捷鍵設置文件 Key Bindings - User。使用 { &quot;keys&quot;: [&quot;按鍵組合&quot;], &quot;command&quot;: &quot;命令&quot; } 的格式添加快捷鍵設置。保存更改。重新加載快捷鍵設置以使更改生效。

See all articles