ホームページ 開発ツール sublime Sublimetext 3 は、マークダウンの編集時に Web ページのプレビューの同期更新を実装します。

Sublimetext 3 は、マークダウンの編集時に Web ページのプレビューの同期更新を実装します。

Oct 23, 2019 pm 02:11 PM

次のコラム sublime チュートリアル では、マークダウン編集時に Web ページのプレビューを同期的に更新する Sublimetext 3 の方法を紹介します。 !

Sublimetext 3 は、マークダウンの編集時に Web ページのプレビューの同期更新を実装します。

Markdown のリアルタイム プレビューを実現するには、

まず、2 つのプラグインをインストールする必要があります。これを強くお勧めします。 Package Control を使用してインストールするには

Markdown Preview

● Ctrl Shift p、「Install Package」と入力します

#● Markdown Preview と入力し、Enter キーを押してインストールします

インストールが成功したら、Markdown Preview 構成ファイルを編集します。

Preferences -> Package Settings -> Markdown Preview -> Settings - User
ログイン後にコピー

自動再読み込みを有効にする:

{
    "enable_autoreload": true
}
ログイン後にコピー

Sublime text を再起動します

LiveReload

● Ctrl Shift p を押して、「Install Package」と入力します。

#● LiveReload を入力し、Enter キーを押してインストールします。

インストールが成功したら、もう一度 Ctrl Shift p を押して、「LiveReload」と入力します。プラグインの有効化/無効化ins を押して Enter を押し、遅延 (400 ミリ秒) を伴う単純な再ロードを選択すると、リアルタイム プレビューを実現できます。

編集するファイル名のサフィックスは

md である必要があることに注意してください。

以上がSublimetext 3 は、マークダウンの編集時に Web ページのプレビューの同期更新を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

崇高なテキスト生産性ハック:コーディングワークフローをスピードアップします 崇高なテキスト生産性ハック:コーディングワークフローをスピードアップします Apr 03, 2025 am 12:20 AM

サブリメテキストを使用したプログラミング効率を改善する方法には、次のものが含まれます。1)CTRLシフトDなどのショートカットキーをコピーラインに使用するのに熟練しています。 2)CTRLマウスクリックなどのマルチライン編集機能を使用して、複数の位置を選択します。 3)Emmetなどのプラグインをインストールして、HTML/CSSコードを生成します。 4)フォントサイズや色のテーマの設定など、カスタム構成ファイル。これらのテクニックを習得すると、コーディング速度と作業効率を大幅に向上させることができます。

高度な崇高なテキストのカスタマイズ:テーマ、キーバインディング、パッケージ 高度な崇高なテキストのカスタマイズ:テーマ、キーバインディング、パッケージ Apr 04, 2025 am 12:05 AM

sublimetextをカスタマイズする方法には、次のものが含まれます。1。mytheme.sublime-themeなどのテーマファイルを作成および変更し、編集者の外観を調整します。 2.キーバインディングをカスタマイズし、デフォルト(Windows).Sublime-Keymapファイルを介してショートカットキーを設定します。 3. EmmetやSublimelinterなどのPackageControlをインストールし、それを介してプラグインを管理し、エディター機能を拡張します。

崇高なテキスト正規表現:検索と交換の習得 崇高なテキスト正規表現:検索と交換の習得 Apr 06, 2025 am 12:15 AM

Sublimetextでの正規表現を使用した検索と交換は、次の手順で実現できます。1。ショートカットキーCtrl H(Windows/Linux)またはCMD OPT F(MAC)を使用して、検索と交換機能をオンにします。 2。「正規表現」オプションを確認し、正規表現モードを入力して検索して交換します。 3.キャプチャグループを使用して、一致するコンテンツを抽出します。たとえば、httpsを使用しますか?://(1)は、URLのドメイン名を抽出します。 4.必要なコンテンツが正しく一致していることを確認するために、正規表現をテストおよびデバッグします。 5.マッチを避けるために正規表現を最適化し、非グリーディのマッチングを使用してパフォーマンスを改善します。 /↩

崇高なテキストプロジェクト管理:コードベースの整理とナビゲーション 崇高なテキストプロジェクト管理:コードベースの整理とナビゲーション Apr 08, 2025 am 12:05 AM

Sublimetextのプロジェクト管理機能は、次の手順を通じてコードベースを効率的に整理およびナビゲートできます。1。プロジェクトファイルを作成し、プロジェクトメニューでSaveProjectasを使用して.sublime-Projectファイルを保存します。...2。プロジェクトファイルの構成、特定のファイルの除外やビルドシステムのセットアップなど、付属のフォルダーと設定を指定します。 3.プロジェクトファイルを開き、プロジェクトメニューのOpenProjectを介してプロジェクト環境をすばやくロードします。 4.プロジェクトファイルを最適化して、あまりにも多くのフォルダーを含めないようにし、除外モードを使用してナビゲーション速度を向上させます。これらの手順を通じて、Sublimetextのプロジェクト管理機能を使用して、開発効率とコード品質を向上させることができます。

崇高なテキストコマンドパレット:崇高の力を解き放ちます 崇高なテキストコマンドパレット:崇高の力を解き放ちます Apr 07, 2025 am 12:17 AM

sublimetextのコマンドパレットを使用すると、生産性が向上します。 1)Open CommandPalette(Ctrl Shift P/Windows/Linux、CMD​​ Shift P/MAC)。 2)「InstallPackage」や「DarkTheme」などのコマンドキーワードを入力します。 3)プラグインのインストールやテーマの切り替えなど、コマンドを選択して実行します。これらの手順を通じて、CommandPaletteはさまざまなタスクを迅速に実行し、編集体験を改善するのに役立ちます。

崇高なテキストビルドシステム:コードを直接コンパイルして実行します 崇高なテキストビルドシステム:コードを直接コンパイルして実行します Apr 05, 2025 am 12:12 AM

Sublimetextのビルドシステムは、構成ファイルを介してコードを自動的にコンパイルして実行できます。 1)JSON構成ファイルを作成し、コンパイルと実行のコマンドを定義します。 2)ショートカットキーを使用して、ビルドシステムをトリガーしてコマンドを実行します。 3)構成を最適化して、キャッシュや並列コンピレーションの使用など、パフォーマンスを改善します。これにより、開発者はコードの作成に集中し、開発効率を向上させることができます。

崇高なテキストスニペット:効率のために再利用可能なコードブロックを作成します 崇高なテキストスニペット:効率のために再利用可能なコードブロックを作成します Apr 02, 2025 pm 02:08 PM

sublimetextsnippetsは、ショートカットキーまたはトリガーワードを介してコードをすばやく挿入してプログラミング効率を向上させる定義済みのコードテンプレートです。 1。スニペットの作成:.sublime-snippetファイルに保存されているXML形式に基づいて。 2。例:「def」や「html5」などのトリガーワードを入力し、タブキーを押してコード構造を自動的に生成します。 3.エラーを避ける:トリガーワードが一意であることを確認し、正しいスコープを設定し、XML形式を正しく保ちます。

崇高なテキストパッケージ制御:マスタリングパッケージ管理 崇高なテキストパッケージ制御:マスタリングパッケージ管理 Apr 09, 2025 am 12:08 AM

PackageControlは、次の手順を通じてサブリメテキストの開発エクスペリエンスを改善します。1。PackageControlをインストールし、数行のコマンドを使用してそれを完了します。 2.ショートカットキーまたはメニューを介してPackageControlにアクセスして、プラグインをインストール、更新、削除します。 3.パフォーマンスを最適化し、開発効率を向上させるために、プラグインを定期的にクリーニングおよび更新します。これらの運用を通じて、開発者はプログラミングに集中し、全体的な開発エクスペリエンスを向上させることができます。

See all articles