Sublimeをインストールし、プラグインをインストールし、ショートカットキーを使用してブラウザで開きます。

Sublimeのインストール、プラグインのインストール、ブラウザで開くショートカットキーの使用など。

内容 1: sublime をインストールし、直接解凍します。
内容2:素早い書き込みを実現するEmmetプラグインをインストールする。
コンテンツ 3: 対応するブラウザを使用して、Sublime でインターフェイスを開きます。

  • 最初の一歩

ショートカット キー Ctrl+Shift+P を押し続けるか、メニュー バーで [環境設定]->[パッケージ コントロール] を選択してコマンド パネルを開きます。応答がない場合は、しばらくすると、次の図に示すようにポップアップ表示されます。

ここに画像の説明を挿入

  • 第二段階

このコマンド パネルで: 「package control install package」と入力するか、これら 4 つの単語の最初の文字である「pcip」を入力すると、パッケージをインストールするための新しいパネルが表示されます。「emmet」を検索して Enter キーをクリックすると、パッケージがインストールされます。後で自動的にインストールされます。

出现下图的面板就是可以安装插件了。直接搜索要安装的插件名,回车,就会即可安装。

ここに画像の説明を挿入
注: 現時点では、一部のユーザーのソフトウェアはエラーを報告します。

これは、channel_v3.json ファイルが必要であるためです。できれば地元の。
このファイルを設定するには、エディターの「設定 (N に設定)」-「パッケージ設定」------パッケージ コントロール -----設定-ユーザーを開いてください。

ここに画像の説明を挿入
まず、このchannel_v3.jsonファイルをD:\Develop\Sublime Textに配置します。

したがって、設定時に対応するパスを記述します。

"channels":
	[
		"D:/Develop/Sublime Text/channel_v3.json"
	],

図に示すように、
ここに画像の説明を挿入
ウィンドウ システムは / または \ をサポートしています。区別に注意してください。保存し、ショートカット キー Ctrl+Shift+P を再度押したままにして、プラグインをインストールします。2 番目のステップを繰り返します。Emmet インストールを検索します。

  • ステップ 3
    Emmet プラグインをインストールした後、インストールが成功したかどうかを確認します。
    エディターの「環境設定(N設定)」-「パッケージ設定」を開き、Emmetが表示されます。これは、Emmetが正常にインストールされたことを意味します。この時点で、新しい
    ここに画像の説明を挿入
    htmlファイルが作成されます。
    ソフトウェアの右下隅をクリックしてファイルを選択しますファイル
    ここに画像の説明を挿入
    に html:5 と入力します タブをクリックすると
    ここに画像の説明を挿入
    コードが自動生成されます 生成されなくても問題ありませんので設定を変更してください うまくいかない場合は
    ここに画像の説明を挿入
    Emmet のデフォルトのショートカットキーが Ctrl+ であるためですE、一般的に使用される Tab キーに設定する必要があります。

メニューバーで「Preferences」–>「PackageSettings」–>「Emmet」–>「KeyBindings」–>「User」を選択し、次の情報を貼り付けます。

[{“keys”: [“tab”], “args”: {“action”: “expand_abbreviation”}, “command”: “run_emmet_action”, “context”: [{“key”: “emmet_action_enabled.expand_abbreviation”} ]}]

この時点で、プラグイン Emmet のインストールは完了です。

3 カスタム ブラウザで sublime ファイルを開きます。いろいろな方法があります。

通常の状況では、ファイルを保存した後 (必ず名前を付けて保存してください)、sublime を右クリックして [ブラウザで開く] を選択すると、デフォルトのブラウザ (360 または IE) で開きます。

 可以自己设置,使用什么浏览器打开。也可以设置快捷键。

最初のステップは、プラグインをインストールすることです: SideBarEnhancements
2 番目のステップ: ツールバーの「設定」をクリックします。[基本設定] で [キー バインディング - ユーザー] を選択するか、[基本設定] で [キー バインド] を選択します。写真のように

ここに画像の説明を挿入

ここに画像の説明を挿入
このとき、コード ページが開くので、このページで次のコードを配列にコピーします。

このような空白のページがあります。ここに画像の説明を挿入
このようなコードが記載されているページがあります
ここに画像の説明を挿入

関係ありません。追加するコードを追加します。カンマに注意してください。

//chorme

    {
    
    

    "keys": ["ctrl+g"],

    "command": "side_bar_files_open_with",

    "args": {
    
    

        "paths": [],

        "application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",

        "extensions": ".*"

        }

    },
    // firefox
    {
    
     
        "keys": ["ctrl+h"], 
        "command": "side_bar_files_open_with",
            "args": {
    
    
                "paths": [],
                "application": "C:/Program Files/Mozilla Firefox/firefox.exe",            
                "extensions":".*"        
            }
    },    //如果不是末尾插入,记得逗号分隔

上記のコードには 2 つの注意点があります。1
. キーはショートカット キーを表します。つまり、ctrl+g で Chrome を起動してプレビューできます。
// chrome、// firefox は単なる注記ですので、コピーする場合は削除してください。

	keys里的快捷键可以自行更改,f2  或其他都可。

2. ブラウザのインス​​トールパスを示すアプリケーションであり、パスが正しく設定されている場合にのみ、ブラウザを正常に呼び出すことができます。

	查看方式,找到桌面上谷歌浏览器,右键属性打开复制地址:

ここに画像の説明を挿入
保存したら準備は完了です。
対応する HTML インターフェイスでショートカット キーを操作して、対応するブラウザで Web ページを開きます。

インストールパッケージは以下の通りです。
リンク: https://pan.baidu.com/s/1LdqmqfBwenipqeVuXLjv5A
抽出コード: 3eqf
このコンテンツをコピーした後、Baidu Netdisk モバイル アプリを開くと、操作がより便利になります

ここに画像の説明を挿入

さあ、ベジタブルチキン!

おすすめ

転載: blog.csdn.net/qq_41117240/article/details/106239348