由於Webstrom對md文件的預覽效果並不理想(與實際網頁編譯效果差別較大),所以我又改用Sublime進行本地編輯,下面介紹一下怎么搭建環境。
插件安裝
整套環境我們就需要兩個插件:MarkdownPreview
和LiveReload
,前者實現md文件的預覽,后者實現保存后實時刷新。
-
Ctrl+Shift+P
打開命令面板; -
輸入
install
選擇第一個:
-
輸入
MarkdownPreview
,回車安裝; -
輸入
LiveReload
,回車安裝;
MarkdownPreview使用
-
Ctrl+Shift+P
打開命令面板; -
輸入
mdp
選擇第一個:
-
選擇
markdown
;
-
我這邊默認會打開解析后的html文件,再右擊選擇
View in Browser
;
-
下面是看到的效果:
但是這個時候如果修改了md文件並保存,瀏覽器中的的頁面也不會更新,需要重新刷新頁面才能看到效果,這時就要用到LiveReload
插件了
LiveReload使用
-
Ctrl+Shift+P
打開命令面板; -
輸入
LiveReload: Enable/disable plug-ins
並回車:
-
選擇
Simple Reload
;
此時修改你的md文件后保存,瀏覽器中的的頁面也會跟着實時刷新,整體頁面效果跟實際網頁展示效果一致,爽歪歪~