Heim > Web-Frontend > js-Tutorial > Hauptteil

Sublime Text 3 häufig verwendete Plug-Ins und Installationsmethoden_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:25:27
Original
3171 Leute haben es durchsucht

Verwandte Tutorials: Sublime Text 3 Tastenkombinationen und Konfigurieren der Kompilierungsumgebung.

So installieren Sie das Sublime Text 3-Plug-in:

Meine Freunde, das Überleben einer kleinen Website hängt ausschließlich von den Werbegebühren ab. Bitte klicken Sie auf die Anzeige auf der Seite, vielen Dank!

Direkt installieren

Es ist sehr praktisch, das Sublime Text 2-Plug-in zu installieren. Sie können das Installationspaket direkt herunterladen und in das Paketverzeichnis entpacken (Menü->Einstellungen->Pakete).

Verwenden Sie die Package Control-Komponente zur Installation

Sie können die Paketkontrollkomponente auch installieren und dann direkt online installieren:

1. Drücken Sie Strg `, um die Konsole aufzurufen (Hinweis: Diese Tastenkombination führt zu Konflikten, wenn die QQ-Eingabemethode installiert ist, Eigenschafteneinstellungen der Eingabemethode – Verwaltung der Eingabemethode – Hotkey abbrechen, um zu QQ Pinyin zu wechseln)

2. Fügen Sie den folgenden Code in die untere Befehlszeile ein und drücken Sie die Eingabetaste:

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())
Nach dem Login kopieren

1. Mulakan semula Teks Sublime 3.

2. Jika anda melihat item kawalan pakej dalam Perferences->tetapan pakej, pemasangan berjaya.

By the way, sila siarkan kod Sublime Text2

import urllib2,os; pf='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib2.build_opner( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), 'wb' ).write( urllib2.urlopen( 'http://sublime.wbond.net/' pf. replace( ' ',' ' )).baca()); print( 'Sila mulakan semula Teks Sublim untuk menyelesaikan pemasangan')

Jika kaedah ini gagal dipasang dengan jayanya, anda boleh memuat turun fail di sini dan memasangnya secara manual.

Cara memasang pemalam menggunakan Kawalan Pakej:

1. Tekan Ctrl Shift P untuk membuka panel arahan

2. Masukkan pasang untuk memaparkan pilihan Pasang Pakej dan tekan Enter, kemudian pilih pemalam untuk dipasang dalam senarai.

Malangnya, sesetengah persekitaran rangkaian mungkin tidak membenarkan akses kepada persekitaran rangkaian yang tidak dikenali dan dengan itu menyediakan tembok api Walau bagaimanapun, Sublime Text 2 nampaknya tidak dapat menyediakan proksi dan mungkin tidak dapat mendapatkan senarai pakej pemasangan.

Baiklah, setelah kaedah ini diperkenalkan, berikut ialah topik utama artikel ini, beberapa pemalam Sublime Text 2 yang berguna:

Sokongan Pengekodan GBK

Untuk gb2312, Sublime Text 2 tidak disokong secara asli Kami boleh menggunakan Ctrl Shift P untuk memaparkan panel arahan atau Perferences->Package Contro, masukkan install untuk memaparkan pilihan Install Package dan tekan Enter, masukkan "GBK. Sokongan Pengekodan" dipilih untuk memulakan pemasangan, dan bar status di sudut kiri bawah akan menggesa pemasangan berjaya. Pada masa ini, fail yang dikodkan gbk tidak akan kelihatan bercelaru Jika anda perlu menukarnya kepada utf-8, anda boleh memilih Simpan dengan UTF8 dalam Fail-GBK kepada UTF8 dan anda akan melihatnya.

Pengekodan Zen

Saya tidak akan menerangkan perkara ini, tetapi pelajar yang tidak mengetahui ZenCoding amat disyorkan untuk membacanya: "Pengekodan Zen: Cara cepat untuk menulis kod HTML/CSS".

emmet

PS: Pembangun pemalam Pengekodan Zen untuk Teks Sublime 2 telah berhenti berkongsinya di Github, dan ia kini hanya boleh dipasang melalui Kawalan Pakej.

Pakej jQuery untuk Teks yang luhur

Jika anda tidak boleh hidup tanpa jQuery, ini mesti dimiliki~~

Awalan Agung

Awalan, pemalam pelengkap autolengkap awalan peribadi CSS3, jelas sangat berguna

Awalan Agung

Format JS

Pemalam pemformatan kod JS.

SublimeLinter

Pemalam yang menyokong sintaks lint, yang boleh menyerlahkan baris kod yang difikirkan salah oleh linter Ia juga menyokong penyerlahan beberapa ulasan khas, seperti "TODO", supaya ia dapat dikesan dengan cepat. (Fungsi TODO IntelliJ IDEA sangat bagus. Walaupun pemalam ini tidak dapat dibandingkan, ia cukup berguna)

SublimeLinter

Pemegang tempat

Oleh itu namanya, ia digunakan sebagai ruang letak, termasuk beberapa teks pemegang tempat dan coretan kod HTML, yang praktikal.

Penjajaran Agung

Penjajaran automatik untuk pemformatan kod. Legenda mengatakan bahawa versi terkini Sublime telah disepadukan.

Sejarah Papan Keratan

Sejarah papan penampal untuk akses mudah kepada kandungan yang disalin/dipotong.

DetectSyntax

Ini ialah pemalam pengesanan kod.

Nettuts Fetch

Jika anda menggunakan beberapa rangka kerja awam atau sumber terbuka, seperti Normalize.css atau modernizr.js, tetapi selepas satu tempoh masa, pustaka sumber terbuka mungkin telah dikemas kini dan anda tidak menyedarinya sesuai untuk projek anda, maka anda perlu mencubanya semula atau terus menggunakan fail lama. Nettuts Fetch membolehkan anda menetapkan senarai fail yang perlu disegerakkan dan kemudian menyimpan kemas kini.

JsMinifier

Pemalam ini adalah berdasarkan pengkompil Google Closure dan memampatkan fail js secara automatik.

Sublime CodeIntel

Gesaan kod automatik

Penyerlah Kurung

Sama seperti padanan kod, anda boleh memadankan julat dalam kurungan, petikan dan simbol lain.


Hex ke HSL

Tukar nilai warna secara automatik daripada heksadesimal kepada format HSL, kekunci pintasan Ctrl Shift U


GBK ke UTF8

Tukar pengekodan fail daripada GBK kepada UTF8, kekunci pintasan Ctrl Shift C

Git

Pemalam ini pada asasnya melaksanakan semua fungsi git.

Ringkasan

Baiklah, itu sahaja jika anda biasa menggunakan pemalam atau sambungan, sila syorkannya. Teks Sublime 3 benar-benar editor yang saya jatuh cinta pada pandangan pertama, dan saya mesti mengesyorkannya setiap kali saya bercakap dengan orang lain tentang editor. . .

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage