ホームページ  >  記事  >  開発ツール  >  Sublime Text3でMarkDownエディタを使用する方法

Sublime Text3でMarkDownエディタを使用する方法

藏色散人
藏色散人転載
2020-08-31 11:52:267427ブラウズ

以下は、sublime チュートリアル コラムで紹介されています。 Sublime Text3 で MarkDown エディターの使用方法を説明します。困っている友人の役に立てば幸いです。

Sublime Text3でMarkDownエディタを使用する方法

Sublime Text での MarkDown エディタの使用3

ステップ 1: パッケージ マネージャーのインストール

まず、以下を開く必要があります。 [ツール] -> メニュー バーの [パッケージ コントロールのインストール] をクリックし、コンソールをインストールします。
Sublime Text3でMarkDownエディタを使用する方法

インストールが正常に表示されるので、しばらくお待ちください。 「OK」をクリックしてください。
Sublime Text3でMarkDownエディタを使用する方法

メニュー バーで [設定] -> [パッケージ コントロール] をクリックしてコンソールを開きます (ショートカット キー: Ctrl '~")
Sublime Text3でMarkDownエディタを使用する方法

Enter キーを押します次のコードをコンソールに入力します:

import urllib.request,os;
pf = 'Package Control.sublime-package'; 
ipp = sublime.installed_packages_path(); 
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); 
open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

結果は図に示すとおりです:
Sublime Text3でMarkDownエディタを使用する方法

約 1 秒でコードが実行され、Sublime Text3## が再起動されます。

# ステップ 2: 必要なプラグインをインストールします

クイック メニューを開き (ショートカット キー: Ctrl Shift P)、「pcip」と入力して、ソフトウェア ライブラリを更新します。


Sublime Text3でMarkDownエディタを使用する方法

データ更新を待っています。完了後、ソフトウェアの一覧が自動的に表示されます。

次のソフトウェア名を入力し、Enter キーを押してインストールします。

// マークダウン編集と構文ハイライトのサポート Markdown 編集

Sublime Text3でMarkDownエディタを使用する方法

// Markdown エクスポート HTML プレビューのサポート Markdown プレビュー

Sublime Text3でMarkDownエディタを使用する方法

// カスタマイズ可能な自動保存機能 auto-save

Sublime Text3でMarkDownエディタを使用する方法上記の 3 つの手順を完了したら、Sublime Text 3 を再起動します。

ステップ 3: 実装するリアルタイム プレビュー機能

クイック メニュー バーを開き (ショートカット キー: Ctrl + SHIFT P)、「mp」と入力し、Markdown Preview プラグインを選択してブラウザーを開きプレビューします


Sublime Text3でMarkDownエディタを使用する方法現時点では、GitHub と MarkDown の 2 つのオプションがあり、マークダウンを選択してデフォルトのブラウザを開いてコンテンツをプレビューします。
リアルタイム更新を確実にするには、最後にコード行を追加する必要があります。

<meta http-equiv="refresh" content="0.1">

おめでとうございます!ブラウザは自動的に更新できます!!!

ステップ 4: md ドキュメントの自動更新を実装するHTML ファイルへ

#自動保存プラグインを使用してドキュメントを実装します。自動的に保存し、更新する間隔を設定します。コードの背後にある時間間隔を変更します。ここでは、0.5 に変更します。

"auto_save_delay_in_seconds": 0.5,

# ##################################

この時点で、クイック メニュー バー (ショートカット キー: Ctrl Shift P) を開き、「auto」と入力します。
Sublime Text3でMarkDownエディタを使用する方法
この時点で、ドキュメントは 0.5 秒ごとに保存および更新できます。
Win ← または Win → で両面ウィンドウを開いて編集中にプレビューします~
Sublime Text3でMarkDownエディタを使用する方法

以上がSublime Text3でMarkDownエディタを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はcsdn.netで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。