简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

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

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

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-取り付け可能

関連ラベル：
在windows7 上安装 Subline Text 3 及其插件
ソース：php.cn
前の記事：css3移行メモ_html/css_WEB-ITnose 次の記事：CSS を使用してさまざまな幾何学的形状効果を実現する方法_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1780
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1925
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1638
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1547
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1580
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！