Sublime Text3 Markdown 編集 + リアルタイム プレビュー

sublime の次のチュートリアル コラムでは、Sublime を使用してマークダウンを編集し、ブラウザーでリアルタイムにプレビューする方法を紹介します。友人の役に立てば幸いです。必要としている！

説明

この記事では、Sublime を使用してマークダウンを編集し、ブラウザーでリアルタイムにプレビューする方法について説明します。

Sublime でのリアルタイム プレビューが必要な場合、この記事はあまり当てはまらないかもしれません。

まずレンダリングを見てみましょう:

必要なプラグイン

● マークダウン編集

主に Markdown 編集時の構文強調表示に使用され、より優れた視覚効果が得られます

#● Markdown Preview

ブラウザで効果をプレビューするために使用されます

#● LiveReload

ホット リロード

セットアップ手順

1. Package Control をインストールします (すでにインストールされている場合は、この手順を無視してください)

1) コンソールを開きます

Ctrl または View -> show console` を使用してコンソールを開きます。

2) 次のコードをコンソールにコピーします (または、公式 Web サイトに移動してコピーします)

import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)

2. プラグインをインストールします

1) Ctrl + SHIFT P を押して、「パッケージ コントロール: パッケージのインストール」を選択します。

2) プラグイン リストで、検索マークダウン プレビューを選択します。

3) 上記 2 つの手順を繰り返して、Markdown Editing と LiveReload をそれぞれインストールします

3. 設定項目を変更します

1) Markdown Preview のenable_autoreload を設定しますtrue

環境設定 – パッケージ設定 – マークダウン プレビュー – 設定を開き、ユーザー設定を追加します:

{
    "enable_autoreload": true,
}

2) LiveReload を有効にする

ctrl Shift p を開き、LiveReload と入力します: Enable /プラグインを無効にし、[有効にする: シンプル リロード] を選択します。

4. プレビュー ショートカット キーを設定します。

[設定] - [キー バインド] - [ユーザー] を選択し、次の内容を追加します:

{ "keys": ["alt+m"], "command": "markdown_preview", "args": {"target": "browser", "parser":"markdown"} }

以上がSublime Text3 Markdown 編集 + リアルタイム プレビューの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。