ホームページ ウェブフロントエンド htmlチュートリアル コーディング成果物??Sublime Text パッケージ管理ツールと拡張機能_html/css_WEB-ITnose

コーディング成果物??Sublime Text パッケージ管理ツールと拡張機能_html/css_WEB-ITnose

Jun 24, 2016 pm 12:34 PM

Sublime Text は、美しいユーザー インターフェイスとコードのサムネイル、複数選択、ショートカット コマンドなどの強力な機能を備えたコーディングの魔法としてプログラマーに認識されています。キー バインド、メニュー、ツールバーもカスタマイズできます。 Sublime Text の主な機能には、スペル チェック、ブックマーク、インスタント プロジェクト切り替え、複数選択、マルチ ウィンドウなどが含まれます。

さらに重要なのは、Sublime Text は拡張が簡単で、多くの開発者がプラグインを提供しており、パッケージ管理ツール??Package Control を通じて簡単にインストールおよび管理できることです。ここで共有されている Web サイトは、Package Control の作成者によってコンパイルされた Sublime Text プラグインのコレクションです。フロントエンド開発者は、オンラインにアクセスして 1 つずつ見つける必要がなくなりました。急いで集めてください。

興味がありそうな関連記事

海外のクリエイティブな 404 エラー ページのデザインと、誰もがやめられない絶妙な Web アプリケーションのアイコン素材。 10 セットの優れた無料 Web サイト バックエンド管理システム テンプレート 待望の 2012 年ベスト jQuery プラグインが、人気の Metro UI スタイル Bootstrap テーマのトップ 10 を明らかにします

Package Control のインストール方法

まずショートカット キーを使用します。 Ctrl+` または [表示] > [コンソールの表示] を選択してコンソールを開き、対応する Python インストール コードを貼り付けます。

Sublime Text 2 インストール コード:

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' +pf.replace( ' ','%20' )).read()); print( 'Please restart Sublime Text to finish installation')
ログイン後にコピー

Sublime Text 3 インストール コード:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
ログイン後にコピー

推奨される共通拡張機能

Emmet??Emmet の公式 Sublime Text 拡張機能、Sublime?Linter?? 、CSS、JS、PHP、Java、C++ などの HTML5 バンドル、コード配置プラグイン、jQuery ; LESS?? LESS コード強調表示プラグイン
HTML/XML タグのインデント、補完、検証?JSON美化拡張機能; CSS属性の互換性のクエリ; Coffee?Script??Coffee?スクリプトコードの強調表示、検証およびコンパイルなど; クロスプラットフォームフェッチColorizerプラグイン; 、今すぐチェックしてください

興味のある関連記事

Pace.js ? 自動ページ読み込みの進行状況表示と Ajax ナビゲーション効果は、iosOverlay.js を使用して iOS スタイルのプロンプトと通知を作成します。スマート デバイスの方向に適応する視差効果プラグイン? Bootstrap テーマを簡単に作成し、8 つの美しい jQuery 読み込みアニメーションとプログレス バー プラグインを共有します

この記事へのリンク: コーディング アーティファクト??Sublime Text パッケージ管理ツール

コンパイルソース: Dream Sky ◆ フロントエンド開発技術に注目 ◆ Web デザインリソースを共有

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

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

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

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

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

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

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles