4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

sublime text3 で書いた Markdown をブラウザでプレビューする方法

Last updated at Posted at 2018-12-14

参考gif画像

sublime text で書いたMarkdownをリアルタイムでブラウザに表示させます。

markdown.gif

環境

MacOS Sierra 10.12.6
Sublime Text 3

※ package controlをインストールしておいてください

準備

1、command + shift + p で Command Pallet を開く。

2、install と入力して、Package Control: Install Packages を選択。

3、OmniMarkupPreviewer と入力し選択。

以上で準備完了です!!

ブラウザでプレビュー

sublime textを開き「.md」ファイル内で command + option + o を押すとブラウザが開き、マークダウンをプレビューすることができる。

エラーが出たら

スクリーンショット 2018-12-15 5.28.26.png
このようなエラーが出てきたら、

Preferences → Package Settings → OmniMarkupPreviewer → Settings - Userに

{
  "renderer_options-MarkdownRenderer": {
    "extensions": ["tables", "fenced_code", "codehilite"]
  }
}

を入力すれば解決する。

4
5
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?