ホームページ ウェブフロントエンド htmlチュートリアル Sublime Text_html/css_WEB-ITnose の使用の概要

Sublime Text_html/css_WEB-ITnose の使用の概要

Jun 24, 2016 am 11:38 AM

Sublime Text の使い方の概要



Notepad++ が優れたコード成果物である場合、Sublime Text は成果物と呼ばれるべきです。 Sublime Text の最大の利点は、クロスプラットフォームであり、Mac と Windows の両方で完全に使用できることです。次に、強力なプラグイン サポートがあり、ほぼ万能であることです。


Sublime Text の使用を開始します:

Sublime Text には開発バージョンがあり、使用することをお勧めします。ダウンロード アドレスは、一般にポータブル バージョン (ポータブル バージョン) をダウンロードすることをお勧めします。この
は持ち運びに非常に便利です。インストールが不要で、プラグインと本体を 1 つのディレクトリにまとめて移植できます。


Sublime Text ショートカット キー:

Ctrl+Shift+P: コマンド パネルを開く
Ctrl+P: プロジェクト内のファイルを検索
Ctrl+G: 行にジャンプ
Ctrl+W: 現在開いているファイルを閉じる
Ctrl+Shift+W: 開いているファイルをすべて閉じます
Ctrl+Shift+V: 貼り付けて書式設定します
Ctrl+D: 単語を選択し、繰り返して増やします 次の同じ単語を選択します
Ctrl+L: 行を選択し、繰り返して増やします順番に次の行を選択します
Ctrl+Shift+L: 複数の行を選択します
Ctrl+Shift+Enter: 現在の行の前に新しい行を挿入します
Ctrl+X: 現在の行を削除します
Ctrl+M: 対応する括弧にジャンプします
Ctrl+U: ソフトアンドゥ、カーソル位置を元に戻す
Ctrl+J: タグコンテンツの選択
Ctrl+F: コンテンツの検索
Ctrl+Shift+F: 検索と置換
Ctrl+H: 置換
Ctrl+R: メソッドに移動
Ctrl+N: 新しいウィンドウ
Ctrl+K+B: サイドバーの切り替え
Ctrl+Shift+M: 現在の括弧の内容を選択し、括弧自体を繰り返し選択
Ctrl+F2: マーカーの設定/削除
Ctrl+/:現在の行をコメント化します
Ctrl+Shift+/ : 現在の位置にコメントを挿入します
Ctrl+Alt+/: コメントをブロックし、コメントを書くために使用される最初の行にフォーカスします
Ctrl+Shift+A: 現在の行の前後を選択しますラベル、ラベルを変更するために使用します
F11: 全画面
Shift+F11: 全画面のサイレントモード、現在のファイルのみを編集
Alt+F3: 同じ単語をすべて選択
Alt+.: ラベルを閉じる
Alt+Shift +数値: 分割画面表示
Alt+数値: N 番目のファイルを開くように切り替えます
Shift+右ドラッグ: カーソルを使用して列の内容を変更または挿入します
マウスの前後キーでタブ ファイルを切り替えることができます。 Ctrl を押しながらクリックするか、複数の位置を順番に選択します

Ctrl+Shift+上下キーを押します
Sublime Text 設定:

ユーザーの設定
以下は私が使用するものです
"font_face": "courier" new"、
"font_size": 9.0、
"highlight_line": true、
"scroll_past_end": false、
"tab_size" : 4、
"theme": "Soda Dark.sublime-theme"、
"word_wrap": true
}


Sublime Text プラグイン:

プラグインをインストールするときに、最初にパッケージ コントロールを有効にすることをお勧めします。 有効にする方法: メニュー バーを表示しますか?次のコードを入力して Enter を押し、Sublime を再起動します。ネットワークを有効にできない場合は、手動で検索してダウンロードするだけです
(ネットワークもブロックされていますか?)。

import urllib2,os;pf='パッケージ
Control.sublime-package';ipp=sublime.installed_pa​​ckages_path();os.makedirs(ipp) if not
os.path.exists(ipp) else
None;open( os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20'))
。 read())

非常に実用的なプラグインのインストールを開始し、Ctrl+Shift+P (メニュー ? ツール ? コマンド パレット)、「install」と入力します
[パッケージのインストール] を選択して Enter キーを押し、必要なプラグインを入力または選択して押しますEnter を押してインストールします (左下隅の小さなテキストの変化に注意してください。
インストールが成功しましたというメッセージが表示されます)。これは他のプラグインをインストールする場合と同じ方法で、非常に高速です。

ZenCoding
フロントエンド開発に必須のプラグインです。書き込みは少なく、より多く表示します。Tab キーでトリガーされ、インストール後すぐに使用できます。
Alt+Shift+W はコード マシンです。

配置
コードの配置 (いくつかの変数の書き込みなど)、これらの行を選択し、Ctrl+Alt+A を押すと、すごい、すべて一緒になっています。

Prefixr
CSS を記述すると、Ctrl+Alt+X によってトリガーされて、-webkit などのプライベート接辞を自動的に追加できます。

タグ
HTML 書式設定、右クリックして [文書のタグの自動書式設定] を選択します。

クリップボード履歴
クリップボード履歴。Ctrl+Shift+Vでトリガーされ、より多くの履歴コピーが表示されます。

SideBarEnhancements
サイドバーの右クリック機能が強化され、非常に実用的です

テーマ ? Soda
完璧なコーディングテーマ、使用したことのある人は皆、それが良いと言っています、設定ユーザーに「テーマ」を追加します:「Soda Dark.sublime-theme」 "

GBK から UTF8
ファイルエンコーディングを GBK から UTF8 に変換します。メニューで見つかりますか? ファイル

SFTP
FTP または SFTP サーバー上のファイルを直接編集します。FTP は絶対に役に立ちません

WordPress
いくつかの WordPress 機能の統合は、WP テンプレートやプラグインを頻繁に作成する私のような人にとって特に便利です

PHPTidy
PHP コードの整理と組版
YUI Compressor
JS および CSS ファイルの圧縮
http://win8.xapcn.com/ news /sublime_text_1203.html
surface|win8 ダウンロード: http://win8.xapcn.com/
win8 ソフトウェア: http://win8.xapcn.com/software/
win8 ゲーム: http://win8.xapcn.com /ゲーム/
win8 脱獄: http://win8.xapcn.com/tutorial/
surface|win8 ソフトウェア ゲーム ラブ アプリケーション HD: http://www.xapcn.com/aiyingyong/

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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)

< Progress>の目的は何ですか 要素? < Progress>の目的は何ですか 要素? Mar 21, 2025 pm 12:34 PM

この記事では、HTML< Progress>について説明します。要素、その目的、スタイリング、および< meter>との違い要素。主な焦点は、< Progress>を使用することです。タスクの完了と< Meter> statiの場合

< datalist>の目的は何ですか 要素? < datalist>の目的は何ですか 要素? Mar 21, 2025 pm 12:33 PM

この記事では、HTML< Datalist>について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

< meter>の目的は何ですか 要素? < meter>の目的は何ですか 要素? Mar 21, 2025 pm 12:35 PM

この記事では、html< meter>について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化< Meter> < Progress>およびex

HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? HTML5のクロスブラウザー互換性のベストプラクティスは何ですか? Mar 17, 2025 pm 12:20 PM

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? HTML5< time>を使用するにはどうすればよいですか 日付と時刻を意味的に表す要素? Mar 12, 2025 pm 04:05 PM

この記事では、html5< time>について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします

HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? HTML5フォーム検証属性を使用してユーザー入力を検証するにはどうすればよいですか? Mar 17, 2025 pm 12:27 PM

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? ビューポートメタタグとは何ですか?レスポンシブデザインにとってなぜそれが重要なのですか? Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

< iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? < iframe>の目的は何ですか タグ?使用する際のセキュリティ上の考慮事項は何ですか? Mar 20, 2025 pm 06:05 PM

この記事では、< iframe>外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

See all articles