Cara Mudah Menginstal SublimeLinter 3

907
Cara Menginstal SublimeLinter 3

Sublime Text 3 memperkenalkan satu set baru API tentang bagaimana plugin harus bekerja, yang cenderung memiliki kemampuan SublimeLinters terpengaruh. pengembang sejak ditulis ulang plugin, dan dirilis menulis ulang. Mari kita periksa SublimeLinter 3 dan apa yang ditawarkan.

Memulai

Cara termudah untuk menginstal SublimeLinter 3 adalah melalui Paket Control. Namun, tidak seperti versi sebelumnya yang bundel semua Linter tersedia, SublimeLinter 3 memisahkan mereka. Hal ini memungkinkan kita untuk hanya menginstal Linter untuk bahasa yang kita sering menggunakan.

Ini berarti ketika Anda membuat kesalahan dalam kode Anda, tidak akan terjadi kecuali jika Anda menginstal linter yang memungkinkan Anda untuk melaporkan kesalahan.

Karena saya menggunakan HTML, CSS, JS, dan PHP sebagian besar waktu dalam proyek saya, saya ingin menginstal Linter untuk bahasa tersebut. Dalam Control Package, saya menginstal SublimeLinter 3 bersama-sama dengan plugin berikut:

Kemudian, agar mereka plugin untuk bekerja, kami juga perlu menginstal linter untuk bahasa, yang HTML Tidy, CSSLint, JSHint, dan PHP CLI.

Bagi anda yang menggunakan OSX, Tidy dan PHP adalah pra-instal pada sistem. Untuk memverifikasi, menjalankan dua perintah berikut secara berurutan.

Cara Menginstal SublimeLinter 3

Perintah ini akan menampilkan Tidy dan PHP versi yang Anda miliki. Anda dapat melanjutkan untuk menggunakannya dalam Teks Sublime.

Cara Menginstal SublimeLinter 3

Jika Anda berada di Windows atau Linux, atau sudah tidak mereka diinstal, ikuti petunjuk di bawah.

Instalasi HTML Tidy

Untuk menginstal HTML Tidy:

  • Di OSX, menjalankan perintah ini di Terminal brew install homebrew / dupes / rapi
  • Di Linux, gunakan perintah ini sudo apt-get install tidy.
  • Pada Windows, Anda bisa ambil installer EXE dari TidyBatchFiles.

Instalasi PHP CLI

Instalasi CSSLint

Selanjutnya, kita akan menginstal CSSLint. Instruksi berikut dapat diikuti di semua tiga platform: OSX, Windows, dan Linux.

Pertama, instal Node.js. Kemudian, jalankan perintah berikut.

Instalasi JSHintCara Menginstal SublimeLinter 3

Kita dapat menginstal JSHint dengan Node.js juga. Berikut adalah perintah.

Cara Menginstal SublimeLinter 3

Dan, kita siap. Kita bisa mulai linting HTML, CSS, JS, dan PHP di SublimeText menggunakan SublimeLinter 3.

Fitur baru di SublimeLinter 3

SublimeLinter 3 membawa beberapa fitur baru, dan satu yang saya temukan benar-benar berguna adalah kemampuan untuk menavigasi melalui kesalahan dengan cepat.

Menavigasi melalui Kesalahan

Jika Anda berada di Mac, tekan Command + Ctrl + A. Pada Windows dan Linux, Anda dapat menekan Ctrl + K, Ctrl + A.

Hot key akan menunjukkan daftar kesalahan, seperti yang ditunjukkan pada gambar berikut.

Cara Menginstal SublimeLinter 3

Gunakan ↑ dan ↓ untuk menavigasi daftar, dan halaman akan gulir ke baris yang tepat di mana kesalahan terjadi.

Mark Gaya Berbeda

Selain itu, Anda juga dapat memilih gaya tanda yang berbeda untuk Kesalahan. SublimeLinter 3 memberikan 5 gaya, seperti yang ditunjukkan di bawah ini:

Mengisi

Cara Menginstal SublimeLinter 3

Outline

Cara Menginstal SublimeLinter 3

Solid Underline

 Cara Menginstal SublimeLinter 3

 

Squiggly Underline

Cara Menginstal SublimeLinter 3

Stippled Underline

Cara Menginstal SublimeLinter 3

Untuk memilih ini gaya, membuka Command Pallete – (Mac) Command + Shift + P, (Win / Linux) Ctrl + Shift + P. Kemudian, mencari dan pilih SublimeLinter: Pilih Mark Style. Pilih gaya preferensi Anda.

Atau, Anda juga dapat menentukan dalam file Setting. Pergi ke Preferences> Package Settings> SublimeLinter> Setting – User. Kemudian, tambahkan baris ini di bawah ini.

Cara Menginstal SublimeLinter 3

Referensi lebih lanjut

0
0%
like
0
0%
love
0
0%
haha
0
0%
wow
0
0%
sad
0
0%
angry