SublimeText3安裝Markdown插件

由於Webstrom對md文件的預覽效果並不理想(與實際網頁編譯效果差別較大),所以我又改用Sublime進行本地編輯,下面介紹一下怎麼搭建環境。

插件安裝

整套環境我們就需要兩個插件:MarkdownPreviewLiveReload,前者實現md文件的預覽,後者實現保存後實時刷新。

  1. Ctrl+Shift+P打開命令面板;

  2. 輸入install選擇第一個:
     

  3. 輸入MarkdownPreview,回車安裝;

  4. 輸入LiveReload,回車安裝;
     

MarkdownPreview使用

  1. Ctrl+Shift+P打開命令面板;

  2. 輸入mdp選擇第一個:
     

  3. 選擇markdown
     

  4. 我這邊默認會打開解析後的html文件,再右擊選擇View in Browser
     

  5. 下面是看到的效果:
     

但是這個時候如果修改了md文件並保存,瀏覽器中的的頁面也不會更新,需要重新刷新頁面才能看到效果,這時就要用到LiveReload插件了
 

LiveReload使用

  1. Ctrl+Shift+P打開命令面板;

  2. 輸入LiveReload: Enable/disable plug-ins並回車:
     

  3. 選擇Simple Reload
     

此時修改你的md文件後保存,瀏覽器中的的頁面也會跟着實時刷新,整體頁面效果跟實際網頁展示效果一致,爽歪歪~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章