ホームページ > ウェブフロントエンド > htmlチュートリアル > Subline Text 3 とその plug-in_html/css_WEB-ITnose を Windows7 にインストールする

Subline Text 3 とその plug-in_html/css_WEB-ITnose を Windows7 にインストールする

WBOY
リリース: 2016-06-24 11:40:54
オリジナル
1782 人が閲覧しました

1. ダウンロードアドレス: http://www.sublimetext.com/3

プラットフォームに応じて適切なインストールバージョンを選択してください

インストールが完了したら、TAB キーを 4 つのスペースに設定します (環境設定?? >設定 - ユーザー ):

{    "tab_size": 4,    "translate_tabs_to_spaces": true,    "font_size": 11,    "ignored_packages":    [        "Vintage"    ]}
ログイン後にコピー

2. プラグイン マネージャー (パッケージ コントロール) をインストールします

メニュー バーの [表示] メニューをクリックします??>コンソール メニューを表示し、 Python コードをテキスト コンソールに入力し、
Enter キーを押して数分間待ちます。

Python コード:

import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; 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)
ログイン後にコピー

上記のインストール方法は比較的簡単です。手動インストール方法もあります。公式 Web サイトにアクセスして参照してください: https://packagecontrol.io/installation#st3

3 Emmet プラグインをインストールします (HTML コードを書くのとは逆に非常に便利です)

使用例
例 1: html:5 と入力し、Tab キーを押すと、次のコードが表示されます:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body></body></html>
ログイン後にコピー

例 2: div#test と入力し、Tab キーを押すと、次のコードが表示されます。

<div id="test"></div>
ログイン後にコピー

例 3: div.test*5 と入力し、Tab キーを押すと、次のコード:

<div class="test"></div><div class="test"></div><div class="test"></div><div class="test"></div><div class="test"></div>
ログイン後にコピー

例 4: div>h2 +ul>li*5 と入力し、Tab キーを押すと、次のコードが表示されます:

<div>    <h2></h2>    <ul>        <li></li>        <li></li>        <li></li>        <li></li>        <li></li>    </ul></div>
ログイン後にコピー

さらに詳しい使用方法の紹介:

たくさんの利点について話した後、インストール方法を紹介しましょう。

Ctrl+Shift+P キーの組み合わせを押すか、[設定??]>[パッケージ制御] をクリックします

以下に示すように、

確認

emmet を入力します

インストール成功した後、次のプロンプトが表示されます。エディタを再起動し、インストールを完了します。

4. 少ない SASS プラグインをインストールします

同様に、最初に SASS プラグインをインストールし、次に emmet プラグインをインストールします。図に示すように、SASS Build:

LESS インストールと同様に、最初に LESS をインストールしてから、LESS Build をインストールします。

5. HTML-CSS-JS Prettify プラグインをインストールします
プラグインのインストールは上記と同じです。 Pretty Code を実行すると、次のボックスが表示されます。

プロンプト、nodejs が見つかりません インストール パス (nodejs をインストールする必要があります)、[OK] をクリックして、図に示すように変更します。

: プラグインのインストール時に、非常に遅くなる場合があり、さらに「インストールできるパッケージがありません」というプロンプトが表示されることもあります

解決策: 以下を追加する必要があります: IPv4 アドレス sublime.wbond.net を HOSTS にコンピューターのテキスト (例: 192.168.1.51 sublime.wbond.net

)

詳細については、次を参照してください: http://stackoverflow.com/questions/25105139/sublime-text-2-there-are-no-packages-取り付け可能

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート