Sublime Text - Panduan Cepat

Sublime Text Editor adalah editor Teks berfitur lengkap untuk mengedit file lokal atau basis kode. Ini mencakup berbagai fitur untuk mengedit basis kode yang membantu pengembang melacak perubahan. Berbagai fitur yang didukung oleh Sublime adalah sebagai berikut -

• Sorotan Sintaks
• Indentasi Otomatis
• Pengenalan Jenis File
• Sidebar dengan file dari direktori yang disebutkan
• Macros
• Plug-in dan Paket

Sublime Text editor digunakan sebagai Integrated Development Editor (IDE) seperti kode Visual Studio dan NetBeans. Versi editor Sublime Text saat ini adalah 3.0 dan kompatibel dengan berbagai sistem operasi seperti Windows, Linux, dan MacOS.

Mengapa Sublime Text?

Saat Anda menggunakan editor Teks yang sesuai, Anda dapat menikmati fitur-fiturnya yang kaya dan bermanfaat. Sublime Text menawarkan penggunanya keuntungan berikut -

• Kemampuan untuk memecahkan kesalahan penaut.
• Melacak semua file dan folder untuk dikerjakan.
• Konektivitas dengan sistem kontrol versi seperti Git, Mercurial.
• Kemampuan pemecahan masalah.
• Menjaga kombinasi warna untuk kombinasi sintaks.

Anda dapat mengunduh Sublime Text dari Situs resminya - www.sublimetext.com . Pada bab selanjutnya, kita akan mempelajari tentang prosedur instalasi editor Sublime Text di berbagai sistem operasi.

Sublime Text editor didukung oleh sistem operasi utama berikut -

• Windows
• Linux dan distribusinya
• OS X

Anda dapat mengunduh Sublime Text dari situs resminya - www.sublimetext.com

Di bab ini, Anda akan mempelajari tentang penginstalan Sublime Text di berbagai sistem operasi.

Instalasi di Windows

Anda harus mengikuti langkah-langkah yang ditunjukkan di bawah ini untuk menginstal Sublime Text di Windows -

Step 1 - Unduh .exe paket dari situs resmi seperti yang ditunjukkan di bawah ini -

https://www.sublimetext.com/3

Step 2- Sekarang, jalankan file yang dapat dieksekusi. Ini mendefinisikan variabel lingkungan. Saat Anda menjalankan file yang dapat dieksekusi, Anda dapat mengamati jendela berikut di layar Anda. KlikNext.

Step 3 - Sekarang, pilih lokasi tujuan untuk menginstal Sublime Text3 dan klik Next.

Step 4 - Verifikasi folder tujuan dan klik Install.

Step 5 - Sekarang, klik Finish untuk menyelesaikan penginstalan.

Step 6 - Setelah instalasi berhasil, editor Anda akan muncul seperti yang ditunjukkan di bawah ini -

Instalasi di Linux

Anda harus mengikuti langkah-langkah yang ditunjukkan di bawah ini untuk menginstal Sublime Text pada distribusi Linux -

Step 1 - Menggunakan terminal baris perintah, instal paket untuk editor Sublime Text, menggunakan perintah yang diberikan di bawah ini -

sudo add-apt-repository ppa:webupd8team/Sublime-Text-3

Step 2 - Perbarui paket menggunakan perintah berikut -

sudo apt-get update

Step 3 - Instal repositori Sublime Text menggunakan perintah berikut -

sudo apt-get install Sublime-Text

Setelah berhasil mengeksekusi perintah yang disebutkan di atas, Anda akan menemukan bahwa Sublime Text editor diinstal pada sistem.

Instalasi di OSX

Untuk sistem operasi OSX,

• Unduh .dmg file dari Sublime Text Editor.

• Buka dan seret-dan-lepas di Applications map.

• Ikuti langkah-langkah yang Anda lihat dalam dua kasus di atas.

• Luncurkan aplikasinya.

Sepanjang tutorial ini, kami akan berfokus pada penggunaan sistem kontrol subversi, Git dan bit bucket yang dikombinasikan dengan editor Sublime Text.

Seperti editor teks lainnya, mengerjakan repositori tertentu adalah aspek kunci dari Sublime Text. Ini ditunjukkan secara rinci dalam langkah-langkah yang diberikan di bawah ini -

Step 1- Pertimbangkan repositori yang akan di-clone dari bit bucket. Harap dicatat bahwa kami akan bekerja dengan skrip Python sepanjang tutorial ini.

Step 2 - Sertakan repositori di editor Sublime Text menggunakan opsi Open Folder, seperti yang ditunjukkan di bawah ini.

Step 3 - Setelah memasukkan repositori, layar editor Sublime Text akan seperti gambar di bawah ini -

Anda dapat memilih file yang ingin Anda buka dari daftar yang ditampilkan di sisi kiri layar, seperti yang ditunjukkan pada gambar di bawah -

Perhatikan bahwa kombinasi warna memberikan pengenalan kata kunci dan paket yang disertakan dalam kode.

Pada bab ini, Anda akan mempelajari langkah demi langkah cara membuat file di Sublime Text.

Step 1 - Gunakan opsi New File untuk membuat file di editor Sublime Text.

Step 2 - Setelah file baru tersedia, Anda dapat memasukkan kode, mirip dengan editor teks lainnya, dan menyimpan file di repositori kerja Anda.

Step 3 - Setelah Anda menyimpan file terkait, editor Sublime Text menyediakan berbagai opsi berdasarkan jenis file, misalnya .php untuk skrip PHP, .py untuk skrip Python dan .java untuk basis kode Java.

Step 4 - Karena repositori kode kami ada di proyek Python, kami akan menyimpan file sebagai demo1.py, seperti yang ditunjukkan di bawah ini -

Editor kode memungkinkan pengguna untuk mengedit skrip kode dan dokumen teks dengan berbagai tombol pintas. Pada bab ini, mari kita pahami melalui berbagai contoh tentang opsi pengeditan dokumen teks pertama di Sublime Text.

Penulisan Bersamaan

Dalam contoh ini, Anda akan melihat bagaimana menambahkan pernyataan cetak di dua lokasi.

Step 1 - Pertimbangkan skrip pertama Python dengan kode berikut di dalamnya -

Step 2- Misalkan, dalam skrip yang diberikan Anda ingin menyebutkan titik awal dan akhir dari perulangan, menggunakan pernyataan sederhana. Anda dapat menulis pernyataan cetak dimanapun diperlukan, namun, di editor Sublime Text Anda dapat menambahkan komentar dan pernyataan secara bersamaan di dua tempat dengan pintasanCtrl+cursor titik untuk Windows atau Linux, dan Cmd+cursortitik untuk Mac. Kemudian, Anda dapat melihat titik kursor seperti yang disebutkan di bawah ini -

Step 3 - Sekarang, Anda dapat memasukkan pernyataan cetak di kedua lokasi dari titik kursor yang disebutkan, seperti yang ditunjukkan pada gambar di bawah.

Menemukan Kejadian

Editor Sublime Text menyertakan fitur untuk menemukan kemunculan kata kunci yang termasuk dalam skrip. Tombol pintas untuk menemukan kemunculan kata kunci tersebut adalahCtrl+D setelah menyorot kata kunci terkait.

Jika Anda ingin mencari kata kunci, katakan print dari kode yang diberikan, Anda dapat menggunakan Ctrl+D atau Cmd+D untuk mendapatkan jumlah kemunculan kata kunci terkait.

Menambahkan Komentar di Baris

Kami dapat menambahkan komentar di akhir baris menggunakan tombol pintas Ctrl+Shift+L untuk Windows dan Cmd+Shift+L untuk sistem operasi Mac setelah memilih bagian kode di mana Anda benar-benar membutuhkan komentar.

Ada berbagai jenis pengeditan kode dan tombol pintas yang digunakan dalam editor Sublime Text -

• Membagi seleksi menjadi beberapa baris
• Membungkus paragraf lengkap dalam file HTML
• Menemukan semua kejadian

Bab ini membahas masing-masing secara mendetail.

Membagi Seleksi menjadi Garis

Kombinasi tombolnya Ctrl+Shift+Lmemungkinkan Anda memilih blok garis dan membaginya, di Windows. Tangkapan layar yang diberikan di bawah ini menjelaskan ini -

Membungkus Paragraf Lengkap dalam File HTML

Kombinasi tombolnya Alt+Shift+wuntuk Windows dan Cmd + Shift + w untuk Mac, memungkinkan pengguna untuk membagi bagian kode dan membuat berbagai paragraf. Ini disebut sebagai awrap selection with html tag. Ini juga memungkinkan Anda untuk memasukkan tag HTML menggunakan Sublime editor.

Tangkapan layar yang diberikan di bawah ini menjelaskan membungkus teks dengan tag HTML -

Setelah membungkus teks, teks yang dibungkus dengan tag HTML akan terlihat seperti gambar di bawah ini -

Menemukan semua Kejadian

Pola kuncinya Ctrl+Shift+fmemungkinkan Anda menemukan kata kunci dalam proyek tertentu. Tangkapan layar yang diberikan di bawah ini menjelaskan ini -

Tombol pintas membuka jendela dengan tiga opsi yang disertakan di dalamnya, yaitu find, where dan replace,

dimana,

• find mengacu pada pencarian kata kunci tertentu,

• where menyebutkan bagian repositori yang dicari, dan

• replace menyebutkan kata kunci yang diganti, bukan kata kunci cari.

Linting adalah proses menandai konstruksi yang mencurigakan dan kemungkinan besar merupakan bug dalam bahasa pemrograman apa pun.

Sublime Linter adalah paket Sublime Text yang membantu Anda melakukan linting di Sublime. Ini membantu dalam membuat file dalam berbagai mode untuk manipulasi basis kode. Ini bukan paket bawaan dan Anda perlu menginstalnya secara manual.

Anda dapat menginstal kontrol paket apa pun di editor Sublime Text menggunakan kombinasi tombol pintas Ctrl+Shift+P, dan memilih Package Control: Install Package pilihan.

Pilih paket terkait untuk diinstal di editor Sublime Text. Untuk menginstal Sublime Linter, Anda perlu memilih opsiSublimeLinter plugin.

Jika instalasi berhasil, layar Anda akan terlihat seperti di bawah ini -

Mode Sublime Linter

Sublime Linter berjalan dalam empat mode berbeda seperti yang disebutkan di bawah -

Mode Latar Belakang

Saat kunci Sublime Linter disetel ke true, linting dilakukan di latar belakang secara konstan setiap kali file diubah.

Mode Load-Save

Saat kunci Sublime Linter disetel ke, linting load saveakan dilakukan saat file dimuat dari repositori.

Mode Hanya Simpan

Saat kunci Sublime Linter disetel ke save only mode, linting dilakukan saat menyimpan file tertentu dalam repositori yang berfungsi.

Mode Sesuai Permintaan

Dalam mode sesuai permintaan, Sublime Linter akan disetel ke true, menggunakan pintasan Ctrl+Alt+L, yang menyiapkan linter untuk mendeteksi bug, jika ada dalam kode.

Editor Sublime Text menyertakan pintasan dan metode untuk memanipulasi keluaran. Bab ini membahas secara rinci tentang pintasan ini dengan bantuan ilustrasi yang sesuai.

Membuka Palet Perintah

Palet perintah di editor Sublime Text mencakup opsi untuk menginstal paket dan konsol. Tombol pintas untuk tujuan ini adalahCtrl+Shift+P untuk Windows dan Cmd+Shift+Puntuk Mac. Tangkapan layar yang diberikan di bawah ini menunjukkan membuka palet perintah menggunakan pintasan ini.

Toggle Side Bar

Sublime text editor menyertakan bilah samping yang menampilkan skrip atau nama file. Anda dapat menggunakan tombol pintasCtrl+KB di Windows dan Cmd+KB untuk Mac untuk tujuan ini.

Tampilkan Lingkup di Status Bar

Tombol pintas Ctrl+Shift+Alt+P untuk Windows dan Ctrl+Shift+Puntuk Mac menampilkan cakupan di bilah status. Tangkapan layar berikut menunjukkan ilustrasi pintasan ini.

Konsol Python

Saat Anda bekerja dengan skrip Python menggunakan editor Sublime Text, Anda dapat menggunakan Ctrl+`untuk Windows atau Control + `untuk Windows, untuk mengoperasikan konsol Python.

Jendela baru

Dengan jendela baru, Anda dapat mengelola sejumlah proyek secara bersamaan. Anda dapat menggunakan tombol pintas Ctrl+Shift+N di Windows dan Cmd+Shift+N untuk Mac untuk membuat jendela baru di Sublime Text editor.

Cuplikan adalah templat cerdas yang dapat digunakan kembali kapan pun dibutuhkan. Editor teks sublime menyertakan fitur cuplikan untuk template HTML. Dalam bab ini, Anda akan mempelajarinya secara mendetail.

Memahami Snippet

Cuplikan adalah file yang didukung XML sederhana dengan berbagai atribut. Mereka termasuk ekstensi yang disebutsublime-snippet. Tag root elemen XML akan menjadi<snippet>menandai. Cuplikan yang dibuat disimpan diPackages folder dan dianggap tinggal di folder ini.

Format file dan sintaks cuplikan dibahas secara rinci sebagai berikut -

• Content −Bagian ini termasuk deskripsi dari potongan tersebut.

• tabTrigger - Ini mencakup urutan karakter yang memicu saat potongan ditulis.

• Scope - Ini mendefinisikan ruang lingkup di mana cuplikan tetap aktif.

• Description- Ini mencakup semua deskripsi meta. Ini akan ditampilkan ketika menu potongan terbuka.

Membuat Cuplikan Pertama

Anda dapat membuat cuplikan default menggunakan Tools → Developer → Snippet pilihan.

Kemudian, cuplikan demo dengan tag terkait akan dibuat seperti yang ditunjukkan di bawah ini -

Untuk membuat cuplikan pertama di editor Sublime Text, klik Tools menu dan pilih Snippets opsi dari jendela tarik-turun, seperti yang ditunjukkan pada tangkapan layar di sini.

Sekarang, pilih Snippet:html dari opsi yang ditampilkan.

Ini membuat cuplikan default pada file html yang ditentukan seperti yang ditunjukkan di bawah ini.

Perhatikan bahwa ada berbagai cuplikan untuk berbagai jenis file. Untuk file html di basis kode, ada tiga cuplikan yang ditentukan di editor Sublime Text, seperti yang ditunjukkan di bawah ini.

Cuplikan Kontrol Paket

Cuplikan kontrol terutama digunakan untuk pengembangan produk. Denganinstall packages opsi di Sublime editor, Anda dapat mengunduh cuplikan apa pun yang diperlukan untuk pengembangan web dan menginstalnya.

Anda mungkin memerlukan paket berikut untuk pengembangan web -

• EverCodeLab Sublime mendukung Ruby on Rails
• Potongan PHP tambahan untuk PHP
• Cuplikan HTML untuk file HTML
• Cuplikan Bootstrap Twitter untuk Bootstrap Twitter
• Cuplikan JavaScript untuk file JS
• Paket cuplikan jQuery untuk jQuery

Makro adalah fasilitas otomasi dasar yang mencakup urutan perintah. Anda bisa menggunakan makro setiap kali Anda perlu melakukan operasi yang menyertakan langkah-langkah yang sama.

File makro adalah file JSON dengan ekstensi yang disebut .sublime-micro dan dianggap sangat membantu.

Merekam Makro

Merekam makro menentukan prosedur untuk menyimpan sekumpulan perintah yang diperlukan untuk file yang diberikan. Anda dapat merekam makro dengan dua cara -

• Gunakan tombol pintas Ctrl+Q untuk merekam makro di Windows dan Cmd + Q di Mac.

• Menggunakan record opsi di Tools → Record Macro.

Setelah makro mulai merekam, Anda dapat melihat pesan berikut di editor Sublime Text -

Memainkan Macro

Anda dapat menggunakan tombol pintas Ctrl+Shift+Q di Windows dan Cmd+Shift+Quntuk Mac, untuk memutar makro yang direkam oleh pengguna di Sublime Text. Perhatikan bahwa pintasan ini memutarlast recorded makro di Sublime.

Menyimpan Makro

Anda dapat menyimpan makro yang direkam menggunakan opsi Tools → Save Macro. Tangkapan layar berikut menunjukkan cara menyimpan makro menggunakan opsi ini.

Anda juga dapat mendefinisikan ulang makro menggunakan berbagai opsi di bilah menu Alat, seperti yang ditunjukkan di bawah ini -

Binding kunci di Sublime Text membantu pengguna untuk memproses dan memetakan urutan penekanan tombol menjadi tindakan. Mereka didefinisikan dalam format JSON dan disimpan di.sublime-keymap file.

Untuk integrasi yang lebih baik, penting untuk menyimpan file peta kunci terpisah untuk Linux, OSX dan Windows. Peta kunci dari platform yang sesuai akan dimuat di editor Sublime Text.

Seorang pengguna dapat membuka keymap file atau pengikatan kunci default menggunakan opsi Preferences → Key Bindings.

Contoh berikut menunjukkan cara melakukan pengikatan kunci di Windows -

[
   { "keys": ["ctrl+shift+n"], "command": "new_window" },
   { "keys": ["ctrl+shift+w"], "command": "close_window" }
]

Mendefinisikan Key Binding

Editor Sublime Text menyertakan opsi untuk menentukan peta kunci. Binding kunci yang ditentukan dalam file.sublime-keymap mencakup semua kombinasi nilai kunci.

Anda dapat menyertakan set pengikatan kunci berikut ke dalam file ini dan menyimpannya untuk memeriksa eksekusi, dengan bantuan kode yang ditunjukkan di bawah ini -

[
   { 
      "keys": ["super+alt+;"], "command": "run_macro_file",
      "args": 
      {"file": "Packages/User/semicolon.sublime-macro"} 
   }
]

Sini superadalah Winkey di Windows atau Linux, dan perintah di sistem operasi OSX. Perhatikan bahwa kode ini akan menjalankan makro yang terletak diPackages/User dan diberi nama semicolon.sublime-macro tentang menekan Super+Alt+ kunci.

Di bab ini, Anda akan mempelajari berbagai tombol pintas untuk memindahkan dan memilih kolom file di Sublime Text.

Memindahkan Pointer ke Awal Kode

Anda dapat menggunakan pintasan Ctrl+Home untuk memindahkan penunjuk ke awal kode di editor Sublime Text.

Perhatikan kode contoh yang ditampilkan di sini.

Tangkapan layar yang diberikan di bawah ini menunjukkan kode yang sama di mana kursor dipindahkan ke awalnya.

Memperluas Kolom

Anda dapat menggunakan pintasan Ctrl+Luntuk memperluas kolom tertentu. Pintasan ini akan memilih kolom yang menyertakan penunjuk. Tangkapan layar berikut menjelaskan hal ini secara mendetail -

Memangkas kolom

Anda dapat menggunakan pintasan Ctrl+Kuntuk memangkas kolom file yang ditentukan. Untuk OSX, Anda harus menggunakan kombinasi tombolCmd+K untuk tujuan ini.

Contoh yang ditampilkan di sini menampilkan kode di mana garis yang disebutkan di kolom kelima dipangkas.

Pisahkan Blok Teks

Anda dapat menggunakan pintasan Ctrl+Shift+K untuk membagi blok teks yang dipilih menjadi dua pilihan.

Note - Perbedaan kombinasi tombol dari kombinasi tombol sebelumnya adalah kolom terlihat. Ctrl+Shift+K menghapus nomor kolom dari kode yang ditentukan, sedangkan Ctrl+K menjaga nomor kolom tetap utuh setelah memotong seluruh kolom.

Indentasi adalah proses memelihara blok kode bahasa pemrograman untuk mempertahankan struktur yang sistematis. Ini membantu untuk menyampaikan kepada pengembang struktur program yang lebih baik. Bab ini menjelaskan Anda secara rinci tentang indentasi di editor Sublime Text.

Pentingnya Indentasi

Indentasi membantu menjaga struktur kode sedemikian rupa sehingga mudah dipahami oleh siapa saja yang mengaksesnya. Indentasi yang tepat memberikan fitur berikut ke kode -

• Readability
• User-friendliness
• Adaptability
• Kemudahan perawatan

Opsi untuk Indentasi di Sublime Text

Sublime Text editor menyediakan berbagai opsi untuk indentasi kode seperti yang ditunjukkan pada gambar layar berikut -

Penggunaan opsi ini dibahas secara rinci di sini -

Opsi Inden

Opsi indentasi membantu membuat indentasi dari kode yang ditentukan. Anda harus memilih kode yang ditentukan dan memilihIndentpilihan. Anda juga dapat menggunakan pintasanCtrl+[setelah memilih kode yang diperlukan yang akan diindentasi. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Opsi Unindent

Opsi unindent bekerja dengan kebalikan dari prosedur indentasi. Pintasan untuk opsi unindent adalahCtrl+]. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Opsi Reindent

Opsi reindent digunakan untuk membatalkan opsi unindent dan mengembalikan kode ke kondisi yang sama. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Manfaat Indentasi

Indentasi yang tepat menawarkan berbagai manfaat bagi kode dan pengembang. Mereka dibahas di bawah ini -

• Blok kode akan terlihat tanpa banyak usaha.

• Pengembang dapat fokus pada baris kode yang diperlukan dan dengan mudah mengabaikan kode yang tidak relevan.

• Pengembang yang menggunakan jenis struktur kode yang sama beberapa kali tidak perlu fokus pada start of block dan end of block pernyataan.

• Setiap baris kode yang salah tempat dapat dengan mudah diidentifikasi.

Pengaturan dasar editor Sublime Text adalah konfigurasi yang diperlukan untuk editor seperti ukuran font, tampilan nomor baris atau skema warna editor.

Semua pengaturan dasar dikonfigurasi dalam format JSON. Untuk melihat daftar pengaturan, masuk ke menuPreferences -> Settings.

Pengaturan tersebut mencakup dua jenis konfigurasi yaitu -

• Default
• User

Default mencakup semua konfigurasi default dan pengguna menentukan pengaturan yang disesuaikan untuk pengaturan dasar.

Untuk skenario yang disebutkan di atas, pengaturan khusus seperti yang disebutkan di bawah ini -

"font_size": 15,
   "ignored_packages":
   [
      "Vintage"
   ]

Kategori Pengaturan

Berbagai kategori pengaturan di Sublime Text adalah sebagai berikut -

Pengaturan Editor

Ini termasuk pengaturan dasar untuk mengedit file dari basis kode. Contohnya termasukfont_face, font_size dan tab_size. Pengaturan ada dalam konfigurasi default.

Pengaturan Antarmuka Pengguna

Ini termasuk pengaturan umum yang secara khusus fokus pada latar belakang, tema dan berbagai kombinasi warna. Pengaturan ini ditambahkan di bagian kedua dari konfigurasi default.

Perilaku Aplikasi

Pengaturan ini berfokus pada perilaku aplikasi yang termasuk dalam editor Sublime Text di seluruh jendela yang terbuka. Pengaturan ini termasuk dalam bagian ketiga dari pengaturan konfigurasi default.

Sintaks - Pengaturan Khusus

Pengaturan ini digunakan untuk merancang sintaks editor Sublime Text. Untuk mendapatkan daftar pengaturan khusus sintaks, pengguna perlu menggunakan opsiPreferences − Syntax-Specific.

Manajemen tema di Sublime text editor menyiratkan peningkatan tampilan editor dengan warna dan latar belakang yang menarik. Tema adalah nilai berformat JSON dengan.sublime-theme ekstensi dan kelola tampilan antarmuka pengguna editor dengan mengubah warna elemen IDE.

Memasang dan Menerapkan Tema

Langkah-langkah berikut akan memandu Anda tentang menginstal dan menerapkan tema di editor Sublime Text -

Step 1 - Gunakan Install Paket Teks Sublim untuk menginstal paket untuk tema, seperti yang ditunjukkan pada tangkapan layar di sini -

Step 2 - Anda dapat melihat daftar opsi dengan Install Package opsi dan Anda dapat mengunduhnya dan menginstal di editor Sublime Text.

Step 3 - Setelah Anda memilih tema, aktifkan.

Step 4- Sekarang pilih tema yang Anda inginkan dari daftar daftar tema yang diinstal. Ini secara otomatis mengubah tampilan editor.

Skema Warna

Skema warna adalah file berformat XML yang terletak di Packagesfolder dengan skema warna. Mereka adalah cara yang luar biasa untuk penyesuaian warna teks Sublim, tidak seperti tema yang dikhususkan untuk elemen UI.

Anda dapat memilih skema warna menggunakan opsi Preferences → Color Scheme. Lihat tangkapan layar berikut yang menunjukkan hal yang sama.

Skema warna mencakup berbagai opsi seperti Breakers, Mariana, Monokai, dan Sixteen. Tampilan editor tergantung pada skema warna yang Anda pilih. Perhatikan bahwa pola ini hanya akan fokus pada sintaks warna.

Mode Vintage di Sublime text editor adalah paket yang menyertakan kombinasi fitur pengeditan vi. Mode Vintage memungkinkan Anda menggunakan daftar perintah vi di editor Sublime.

Mode Vintage adalah proyek open source dan Anda dapat mengunduhnya dari tautan -

https://github.com/sublimehq/Vintage

Memahami editor vi

Viadalah editor teks primitif dan populer digunakan. Ini pada awalnya dibuat untuk sistem operasi UNIX dan dengan fungsionalitas dasar dari eksekusi skrip. Ini adalah editor baris perintah yang populer digunakan di berbagai sistem operasi karena tidak memerlukan mouse untuk operasi.

Sublime termasuk vim, yang merupakan bagian lanjutan dari vi editor, dan mencakup penyesuaian makro, cuplikan, dan plugin.

Mengaktifkan Mode Vintage

Anda dapat mengaktifkan mode Vintage melalui langkah-langkah berikut -

• Pilih opsi Preferences → Settings

• Edit json file konfigurasi pengaturan dengan nama kunci sebagai ignored_packages. Paket vintage sudah termasuk dalam paketignored_packages bagian.

• Hapus atribut Vintage dari konfigurasi untuk mengaktifkan properti Vintage di editor teks Sublim.

"ignored_packages": []

• Editor mode vintage Anda akan muncul seperti yang ditunjukkan pada tangkapan layar berikut -

Mode Vintage menyertakan berbagai perintah yang mirip dengan editor vi. Ini termasuk pengaturan dasar editor Sublime Text seperti yang ditunjukkan pada kode yang diberikan di bawah ini -

{
   "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
   "font_size": 15,
   "ignored_packages":
   [
   
   ],
   "vintage_start_in_command_mode": true,
   "theme": "Soda Dark.sublime-theme"
}

Mode	Deskripsi	Kunci
Mode Perintah	Menunggu pengguna memasukkan perintah	ESC
Sisipkan Mode	Teks dapat disisipkan di berbagai posisi	i / I / a / A
Mode Visual	Pilih / sorot teks menggunakan Perintah Gerakan	V.
Mode Garis Visual	Pilih / sorot baris teks menggunakan tombol panah	Shift + V.

Mode Vintageous

Vintageous adalah paket yang digunakan untuk analisis deskriptif editor vi. Itu dapat diunduh menggunakan kontrol paket seperti yang disebutkan di bawah ini -

Setelah Anda berhasil menginstal paket vintageous, layar Anda akan terlihat seperti yang ditunjukkan pada gambar berikut -

Sublime Editor menyertakan modul pengujian untuk berbagai bahasa pemrograman. Ini membantu dalam pengujian unit file dan skrip dan membantu pengembang untuk menganalisis bug, kesalahan dan masalah, jika ada.

Editor Sublime Text mencakup 3 modul yang diperlukan untuk pengujian dan penerapan JavaScript. Bab ini membahasnya secara rinci.

JsFormat

JsFormat adalah plugin JavaScript yang digunakan untuk memformat baris skrip yang memudahkan proses pengujian unit. Di belakang layar, ini menggunakan JS beautifier (http://jsbeautifier.org/) untuk memformat JS penuh atau sebagian dari file JS. JSFormat dapat diinstal menggunakanInstall Package pilihan editor Sublime.

fitur

JsFormat menawarkan fitur-fitur berikut ke skrip -

• Memudahkan pemformatan file JS dan JSON.
• Menawarkan pemformatan teks lengkap dan pemformatan yang dipilih.
• Menyediakan pengaturan yang dapat disesuaikan untuk opsi pemformatan.

JSHint

JSHint adalah alat berbasis komunitas yang digunakan untuk menganalisis kesalahan melalui petunjuk. Ini membantu mendeteksi kesalahan dan potensi masalah. JSHint adalah paket open source, sederhana dan mudah dimengerti. Anda dapat menginstal JSHine di Sublime Text editor melaluiInstall Package mode.

Untuk mengimplementasikan plugin JSHint di Sublime Text Editor, Anda bisa menggunakan shortcut Alt+J di Windows dan Cmd+j pada sistem OSX.

JavaScriptBerikutnya

Skrip ini digunakan untuk menyorot sintaks file JS dan artinya terkait. Ini mencakup fitur sorotan sintaks dengan berbagai modul, fungsi panah, kelas, dan generator.

Anda dapat melakukan pemeriksaan sintaks pada file menggunakan daftar sintaks seperti yang ditunjukkan pada gambar di bawah -

Penawaran Python unittest, kerangka pengujian unit resmi untuk pengujian unit skrip yang dirancang sebelum penerapan. Itu juga disebut sebagaiPyUnit. Pengujian unit Python yang digunakan dalam editor Sublime Text disebut sebagaisublime-unittests dan mereka tersedia di tautan berikut -

https://github.com/martinsam/sublime-unittest

Pengujian unit ini berisi sejumlah cuplikan berguna untuk memudahkan penulisan kasus pengujian unit.

Pemasangan UnitTest

Kontrol paket Sublime mengelola penginstalan unittests dan langkah-langkah berikut menjelaskannya secara rinci -

Step 1 - Gunakan palet perintah Sublime Editor Ctrl+Shift+P untuk instalasi paket, seperti yang ditunjukkan pada tangkapan layar yang diberikan di bawah ini -

Step 2 - Paket yang diinstal menggunakan dua cuplikan utama berikut -

• testclass yang digunakan untuk membuat kelas pengujian baru

• testfunc yang digunakan untuk membuat fungsi pengujian baru untuk kita isi

Step 3- Konsol menghitung hasil tes seperti yang ditunjukkan pada gambar di bawah. Perhatikan bahwa hasil tes bergantung pada berhasil atau tidaknya tes.

Success Result

Failure Result

Note - Kasus uji unit bekerja sebagai kompiler untuk menghitung skrip dengan python.

Sublime Text Editor menggunakan Hunspell untuk proses pemeriksaan ejaan. Hunspelladalah pemeriksa ejaan LibreOffice, Mozilla Thunderbird, Google chrome, dan banyak paket berpemilik lainnya. Sublime Text editor menyertakan dukungan kamus untuk pemeriksaan ejaan kata yang tepat.

Kamus

Sublime Text menyertakan kamus berenkode UTF-8. Untuk mengimplementasikan kamus dengan editor Sublime Text, itu harus diubah terlebih dahulu menjadi UTF-8. Jika pengguna memiliki kamus berenkode UTF-8, itu dapat diinstal menggunakanPreferences opsi di editor Sublime Text.

Anda dapat memilih kamus dari View → Dictionary menu seperti yang ditunjukkan pada tangkapan layar yang diberikan -

Pengaturan untuk Kamus

Ada dua pengaturan yang ditentukan untuk pemeriksaan ejaan Sublime Text Editor -

• Spell_check
• Dictionary

// Set to true to turn spell checking on by default
"spell_check": false,

// Word list to use for spell checking
"dictionary": "Packages/Language - English/en_US.dic"

Konfigurasi ini termasuk dalam settingsmengajukan. Kata-kata yang ditambahkan dan diabaikan disimpan dalam pengaturan pengguna di bawahadded_words dan ignored_words kunci, masing-masing.

Paket perangkat lunak diinstal di Sublime Text untuk fungsionalitas tambahan. Anda dapat melihat daftar paket perangkat lunak melalui tombol pintasCtrl+Shift+P di Windows dan Cmd+Shift+Pdi Mac. Amati screenshot berikut untuk pemahaman yang lebih baik -

Paket-paket ini diinstal di Packages → Userdirektori yang mencakup seluruh konfigurasi yang diperlukan. Untuk menelusuri paket, pilihPreferences → Browse Packages opsi, seperti yang ditunjukkan pada gambar di bawah -

File-file ini adalah konfigurasi khusus yang dapat diubah jika diperlukan. Paket dibuat dalam format JSON.

Pertimbangkan sublime-keymap paket dibuat yang mencakup kode berikut -

[
   { 
      "keys": ["super+alt+;"],
      "command": "run_macro_file",
      "args": {"file": "Packages/User/semicolon.sublime-macro"}
   }
]

Dalam bab ini, Anda akan mempelajari tentang opsi utama File, Edit dan Goto menu editor Sublime Text.

Simpan dengan Encoding

Opsi ini termasuk dalam Filemenu yang membantu dalam menyimpan skrip dan file dengan pengkodean yang sesuai. Sublime Text Editor menyertakan berbagai opsi untuk menyandikan skrip Python, seperti yang ditunjukkan pada tangkapan layar berikut -

Proses pengkodean membantu skrip diamankan dari serangan pihak ketiga dan memungkinkan item yang dianggap berguna atau menarik untuk diubah menjadi konstruksi.

Ubah Kasus

Konversi huruf besar / kecil membantu dalam konversi huruf besar ke huruf kecil dan sebaliknya. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Misalnya, pertimbangkan kata kunci Monicadisertakan dalam file dan biarkan kami mengubahnya menjadi huruf besar. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Simbol Goto

Dengan opsi ini, pengguna dapat mencari atau mendapatkan kata kunci yang sesuai atau fungsi apa pun. Pilihan ini sangat bermanfaat ketika kita memiliki lebih dari 1000 baris kode dan pengguna harus mencari baris atau penjelasan yang unik.

Tangkapan layar berikut menunjukkan demonstrasi Goto Symbol -

Bab-bab sebelumnya membahas berbagai opsi yang terkait dengan PreferencesTidak bisa. Dalam bab ini, Anda akan mempelajari secara detail tentangFont settings editor Sublime Text.

Sublime Editor menawarkan tiga dimensi ukuran font - Larger, Smaller dan Resetpilihan untuk membatalkan perubahan tertentu yang dibuat. Menerapkan font yang ditentukan dimungkinkan setelah pengguna memilih paragraf atau teks yang sesuai di editor.

Pertimbangkan teks yang dipilih di file functions.py di mana Anda perlu membuat perubahan yang diinginkan -

Perhatikan bahwa setelah penerapan font yang lebih besar, dimensi dan ukuran font dari skrip secara otomatis akan berubah ke dimensi yang lebih besar.

Setiap editor menyertakan plugin untuk pengembangan, yang memicu serangkaian aktivitas dan paket default. Editor Sublime Text menyertakan fitur untuk mengembangkan plugin kustom Anda sendiri. Bab ini membahas secara detail tentang mengembangkan plugin Anda sendiri di Sublime Text.

Mengembangkan Plugin

Langkah-langkah berikut menunjukkan kepada Anda secara rinci cara mengembangkan plugin di Sublime Text -

Step 1 - Pilih New Plugin opsi dengan menavigasi Tools → Developer → New Plugin seperti yang ditunjukkan di bawah ini -

Step 2 - Kode dasar plugin mencakup impor dua pustaka utama: sublime dan sublime_plugin.

Kode untuk plugin ini adalah -

import sublime
import sublime_plugin
class ExampleCommand(sublime_plugin.TextCommand):
   def run(self, edit):
      self.view.insert(edit, 0, "Hello, World!")

Step 3 - Plugin yang disesuaikan disimpan di Packages → Usermap. Lihat tangkapan layar berikut yang memberi Anda pemahaman lengkap tentang plugin yang disimpan di editor Sublime Text.

Menjalankan plugin

Setelah Anda membuat plugin dan menyimpannya, buka konsol menggunakan tombol pintasan Ctrl+` di Windows dan Cmd+` di OSX, dan jalankan perintah yang ditampilkan di sini -

view.run_command(plugin-name)

Perintah ini akan mengeksekusi plugin yang ditentukan oleh pengguna dengan daftar aktivitas yang disertakan di dalamnya.

Command Palette menyertakan daftar item atau perintah yang sering digunakan. Entri perintah termasuk dalam.sublime-commands file.

Menggunakan Command Palette

Untuk membuka command palette di Sublime Text editor, Anda bisa menggunakan kombinasi tombol shortcut Ctrl+Shift+P di Windows dan Cmd+Shift+P di OSX.

Perintah yang umum digunakan dari palet adalah -

• Bangun dengan Python
• Instal Paket

Bangun dengan Python

Ini akan menghasilkan semua dependensi dan membangun kode yang ditentukan dari file Python yang diberikan.

Instal Paket

Dengan perintah ini, kami mendapatkan daftar paket yang dapat diinstal yang tidak disertakan sebelumnya.

Semua perintah yang termasuk dalam palet perintah disimpan di direktori Paket. Contoh dasar dari perintah yang dideklarasikan di dalam file Default.sublime-commands ditunjukkan dalam kode yang diberikan di bawah ini -

[
   { "caption": "Project: Save As", "command": "save_project_as" },
   
   { "caption": "Project: Close", "command": "close_project" },
   
   { "caption": "Project: Add Folder", "command": "prompt_add_folder" },
]

Note - File JSON menyertakan 3 kunci utama untuk setiap perintah -

• Name/Caption
• Location
• Content

Debugging adalah proses menemukan kesalahan dan bug dalam kode yang diberikan dan memperbaikinya. Sublime editor menyertakan berbagai plugin yang memiliki fitur debugging, yang membantu menemukan kesalahan dengan mudah.

Dalam bab ini, Anda akan mempelajari cara men-debug aplikasi web PHP. Penggunaan luhurSublime TestX debugplugin untuk tujuan ini. Fitur dari plugin ini adalah -

• Ini adalah ekstensi yang digunakan untuk men-debug file dan skrip PHP.

• Menyediakan daftar kemampuan debugging dan profiling.

• Mempertahankan jejak tumpukan dan parameter waktu nyata seperti tampilan dan fungsi.

Pemasangan Sublime Plugin

Untuk menginstal plugin Sublime Text Xdebug, Anda harus mengambil langkah-langkah berikut -

Step 1 - Instal instalasi palet kontrol paket dengan pintasan Ctrl+Shift+P atau Cmd+shift+P.

Step 2 - Setelah instalasi klien Xdebug berhasil, file konfigurasi akan disimpan di Installed Packagesmap. File konfigurasi adalah file JSON yang menyertakan parameter untuk men-debug aplikasi web PHP.

Step 3 - Mulai sesi debug file PHP menggunakan pintasan Ctrl+F9. Anda juga dapat melakukannya menggunakanStart Debug opsi menggunakan palet perintah.

Step 4 - Jendela terpisah dari XdebugClientakan menampilkan output dari file PHP. Itu membuat proses debugging kode baris demi baris. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Sublime Text Editor memiliki plugin Web Inspectoruntuk men-debug kode JavaScript. Ini membantu kita mengatur breakpoint, memeriksa konsol, dan mengevaluasi bagian kode. Di bab ini, Anda akan mempelajari secara detail tentang plugin ini.

Pemasangan Sublime Web Inspector

Langkah-langkah berikut menunjukkan penginstalan Sublime Web Inspector -

Langkah 1

Gunakan opsi menu Preferences → Browse Packages untuk mendapatkan jalur paket yang diinstal seperti yang ditunjukkan pada tangkapan layar yang diberikan.

Langkah 2

Dengan bantuan dari git command prompt, klon paket Debugging aplikasi web Javascript menggunakan git repository, seperti yang ditunjukkan pada perintah yang diberikan di bawah ini -

git clone -b ST3 "git://github.com/sokolovstas/SublimeWebInspector.git"

LANGKAH 3

Untuk menguji penginstalan, buka palet perintah dan mulai pemeriksa web. Anda dapat menggunakan tombol pintas untuk web inspectorCtrl+Shift+R di Windows dan Cmd+Shift+Rpada sistem OSX. Anda dapat melihat semua breakpoint yang diperlukan untuk aplikasi JavaScript, seperti yang ditunjukkan di bawah ini -

Pemrosesan batch di Sublime Text juga mengacu pada Build systems. Sistem build membantu pengguna menjalankan file melalui program eksternal sepertimake, tidy dan interpreters.

Poin-poin berikut patut diperhatikan saat bekerja dengan sistem Build -

• Mereka adalah file JSON dan memiliki ekstensi .sublime-build.

• Untuk memulai proses build, Anda dapat memilih opsi Tools → Build atau jalan pintas Ctrl+B di Windows dan Cmd+B untuk sistem OSX.

Ingatlah bahwa sepanjang tutorial ini, kami berfokus pada file Python. Teks sublimasi menyertakan dua mode build untuk file python.

Setelah build untuk Python selesai, Anda dapat mengamati output berikut di editor -

Anda dapat melihat daftar hasil build yang dibuat untuk proyek tertentu di editor Sublime Text menggunakan opsi Tools → Build Results → Show Build Results.

Perhatikan bahwa sistem build dan file lengkap yang terkait dengan pemrosesan batch harus ditempatkan di bawah Packages folder (Packages/user). Banyak paket di Sublime Editor menyertakan sistem build mereka sendiri.

Distraction Free Mode di Sublime Text editor memungkinkan menampilkan kode dan file layar penuh. Anda dapat memasuki mode bebas gangguan melalui opsiView → Enter distraction mode item menu.

Setelah mode gangguan diaktifkan di editor Sublime Text, hasilnya akan terlihat seperti di bawah ini -

Semua item UI chrome yang dapat diakses disembunyikan, tetapi dapat diakses dalam mode gangguan.

Kustomisasi

Semua properti kustomisasi mode bebas gangguan dari editor Sublime Text disertakan Distraction Free.sublime-settings File JSON seperti yang ditunjukkan pada gambar di bawah ini.

Tangkapan layar berikut menunjukkan properti yang termasuk dalam mode bebas gangguan dari Sublime editor -

Perhatikan bahwa atribut seperti line_numbers, gutter, draw_centered, wrap_width, word_wrap dan scroll_past_end sedemikian rupa sehingga memungkinkan mode bebas gangguan yang menarik.

SublimeCodeIntel adalah plugin penting untuk editor Sublime Text. Ini menawarkan fitur-fitur berikut -

• Lompat ke fitur simbol, yang membantu pengguna untuk melompat ke file dan baris simbol yang ditentukan.

• Termasuk pustaka pelengkapan otomatis dan menampilkan modul / simbol secara real time.

• Tooltips menampilkan informasi di bilah status tentang fungsi terkait.

Instalasi

Anda dapat menginstal plugin SublimeCodeIntel melalui langkah-langkah berikut -

Step 1- Dapatkan fungsionalitas paket penginstalan editor Sublime Text menggunakan pintasan Ctrl + Shift + P di Windows dan Cmd + Shift + P untuk sistem OSX. Lihat tangkapan layar berikut untuk pemahaman yang lebih baik -

Step 2 - Sekarang, pilih pluginnya SublimeCodeIntel untuk penginstalan dan mulai ulang editor Sublime Text.

Step 3 - Jika pemasangan berhasil SublimeCodeIntel plugin, layar Anda akan terlihat seperti ini -

Konfigurasi

Ada dua konfigurasi bawaan SublimeCodeIntel -

• Pengaturan - Default
• Pengaturan - Pengguna

Lihat tangkapan layar berikut yang menunjukkan konfigurasi ini -

Konfigurasi untuk SublimeCodeIntel disertakan dalam file JSON yang disebut SublimeCodeIntel.sublime-settings. Konfigurasi yang diperlukan untuk setiap bahasa termasuk dalam plugin SublimeCodeIntel seperti di bawah ini -

/*
   Defines a configuration for each language.
*/

"codeintel_language_settings": {
   "Python3": {
      "python3": "/usr/local/bin/python3.3",
      "codeintel_scan_extra_dir": [
         "/Applications/Sublime Text.app/Contents/MacOS",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/arch",
         "~/Library/Application Support/Sublime Text 3/Packages/SublimeCodeIntel/libs"
      ],
      "codeintel_scan_files_in_project": true,
      "codeintel_selected_catalogs": []
   },
   
   "JavaScript": {
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_exclude_dir":["/build/", "/min/"],
      "codeintel_scan_files_in_project": false,
      "codeintel_max_recursive_dir_depth": 2,
      "codeintel_selected_catalogs": ["jQuery"]
   },
   
   "PHP": {
      "php": "/Applications/MAMP/bin/php/php5.5.3/bin/php",
      "codeintel_scan_extra_dir": [],
      "codeintel_scan_files_in_project": true,
      "codeintel_max_recursive_dir_depth": 15,
      "codeintel_scan_exclude_dir":["/Applications/MAMP/bin/php/php5.5.3/"]
   }
}

Konfigurasi ini dapat disesuaikan jika diperlukan. Itu tergantung pada jumlah modul / pustaka yang dipasang oleh pengguna dengan berbagai parameter seperti ukuran dan kompleksitas proyek yang sedang dikerjakan pengguna.