sublime 3はmarkdownのchromeでのリアルタイムプレビューを実現し、livereloadの無効な問題を解決する.

2248 ワード

プラグインが必要です

  • 構文ハイライトMarkdown Editing
  • リアルタイムプレビュー(ブラウザプレビューを使用)Markdown Preview
  • ホットロードLiveReload
  • chromeブラウザ拡張LiveReload
  • 使用方法


    liveReloadの無効な問題を解決します:chromeはliveReload拡張子をインストールした後、3ステップ目の構成sublimeとchromeのliveReloadに直接ジャンプします.
  • sublimeとchromeは、上述した対応するプラグインと拡張子をそれぞれインストールし、ここでは後述しない.
  • Markdown Preview構成
  • ショートカットキーを使用してブラウザのプレビューを開きます.Preferences -> Key Bindingsで開いているファイルの右側に
    {
    	"keys": ["alt+m"],
    	"command": "markdown_preview",
    	"args": {"target": "browser", "parser":"markdown"}
    }
    
    を追加し、alt+mを自分の希望するショートカットキーに変更することができ、"parser":"markdown"markdowngithubに変更することができる.
    githubはGitHubのオンラインAPIを利用して解析する.mdファイルは、オンライン画像などのオンラインリソースのプレビューをサポートし、その解析速度はあなたのネットワーク速度に依存します.この方式は1日に60回しか開かないそうです.markdownは従来のローカルオープンであり、オンラインリソースのプレビューはサポートされていません.
  • リアルタイムプレビューを開いてプロファイルPreferences -> Package Settings -> Markdown Preview -> Settingsを開き、左側のenable_autoreloadエントリがtrueであるかどうかを確認し、スキップします.そうでなければ、右側のバーに下のものを1つ追加してSublime:
    {
    "enable_autoreload": true
    }
    
  • を再起動します.
  • sublimeでのLiveReload構成
  • ctrl + shift + pを開き、LiveReload: Enable/disable plug-insを入力し、Enable: Simple Reloadを選択します.
  • preferences->packge settings ->livereload->settings-userを開く、以下のように修正された
    {
        "enabled_plugins": [
            "SimpleReloadPlugin",
            "SimpleRefresh"
        ]
    }
    
  • .
  • sublime構成MarkdownEditingスタイルpreferences->packge settings ->Markdown Editing->Markdown GFM settings - user
    {
    	"color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",//    
    
    	// Layout
    	"draw_centered": false,//    
    	"word_wrap": true,
    	"wrap_width": 120,//       
    	"rulers": []
    }
    
  • chrome拡張の構成
  • 拡張管理では、拡張アクセスファイルアドレスが許可されています.
  • ページを開いたら、拡張アイコンをクリックして、アイコンの中心の円点を塗りつぶします.