ホームページ > 記事 > ウェブフロントエンド > 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:541755ブラウズ
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-取り付け可能