Laman » Pengekodan » Panduan Menggunakan SublimeLinter untuk Pemaju

    Panduan Menggunakan SublimeLinter untuk Pemaju

    Linter adalah alat yang sangat diperlukan dalam pembangunan web moden. Ia membantu kami untuk terus memeriksa kesalahan dan menguatkuasakan amalan terbaik semasa menulis kod. Sekiranya anda menggunakan SublimeText, saya amat mengesyorkan untuk memasang SublimeLinkers. Selama bertahun-tahun, SublimeLinters telah berjaya menjadi suite alat kuasa di SublimeText dan membawa pakej rasmi yang menyambung ke beberapa bahasa pemrograman.

    Dalam tutorial ini, kami akan melihat cara memasang dan menyediakan SublimeLinter. Mari kita mulakan.

    Bermula

    Cara paling mudah untuk memasang SublimeLinter 4 adalah melalui Kawalan Pakej SublimeText. Sejak dalam SublimeLinter 3, setiap linter mesti dipasang secara berasingan. Ini membolehkan SublimeLinter berjalan lebih cekap dengan hanya menjalankan linters yang telah kami pasang.

    Oleh kerana saya menggunakan HTML, CSS, JS, dan PHP kebanyakan masa dalam projek saya, saya ingin memasang linter untuk bahasa-bahasa ini. Di dalam Kawalan Pakej, Saya memasang SublimeLinter bersama-sama dengan plugin berikut:

    • SublimeLinter-html-rapi
    • SublimeLinter-stylelint
    • SublimeLinter-eslint
    • SublimeLinter-php

    Kemudian, agar pemalam berfungsi, kami juga perlu memasang linter untuk bahasa-bahasa, yang HTML Tidy, CSSLint, JSHint, dan PHP CLI.

    Bagi anda yang menggunakan OSX, Tidy dan PHP dipasang di dalam sistem. Untuk mengesahkan, jalankan dua perintah berikut secara berturut-turut.

     rapi --version --versi 

    Perintah ini akan menunjukkan kepada anda versi Rapi dan PHP yang anda miliki. Anda boleh terus menggunakannya dalam Teks Sublime.

    Jika anda berada di Windows atau Linux, atau tidak memasangnya, anda boleh mengikuti arahan di bawah.

    Memasang HTML Rapi

    Untuk memasang HTML Tidy:

    • Di OSX, jalankan arahan ini di Terminal sediakan pemasangan homebrew / dupes / rapi
    • Di Linux, gunakan arahan ini sudo apt-get memasang kemas.
    • Di Windows, anda boleh merebut pemasang EXE daripada TidyBatchFiles.

    Memasang PHP CLI

    • Pengguna OSX boleh memasang PHP dalam sistem dengan curl -s http://php-osx.liip.ch/install.sh | bash -s 5.5 perintah. Ini akan memasang PHP 5.5, yang merupakan versi terkini, pada masa penulisan.
    • Linux pengguna boleh mengikuti tutorial komprehensif ini dari DigitalOcean.
    • Untuk pengguna Windows, anda boleh memuat turun pemasang di sini.

    Memasang Styleint

    Seterusnya, kami akan memasang linter CSS yang dipanggil Stylelint yang akan membolehkan kami menyemak dan menguatkuasakan amalan terbaik dalam fail CSS kami. Arahan berikut boleh diikuti dalam ketiga-tiga platform: OSX, Windows, dan Linux. Saya menganggap bahawa anda telah memasang Node.js dengan NPM.

    Untuk memasang Stylelint, jalankan:

     npm memasang -g stylelint 

    Ambil perhatian bahawa anda juga perlu menambah fail konfigurasi Stylelint ke direktori projek anda, tambahan memasang konfigurasi yang telah ditetapkan seperti stylelint-config-standard. Setelah ini dikonfigurasikan, anda harus mencari ralat yang disorot seperti di bawah.

    Memasang ESLint

    Kami juga akan memasang ESLint, linter yang moden dan sangat configuratble untuk JavaScript. Ini akan membantu kami menguatkuasakan amalan terbaik serta menangkap ralat potensial semasa menulis JavaScript. Memasang ESLint juga memerlukan Node.js dengan NPM.

    Untuk memasangnya, jalankan.

     npm install -g eslint 

    Begitu juga, anda perlu menambah konfigurasi ESLint ke projek anda, atau gunakan konfigurasi yang telah ditetapkan seperti eslint-config-recommended.

    Kita sudah siap. Kita boleh mulakan linting HTML, CSS, JS, dan PHP dalam SublimeText menggunakan SublimeLinter 4.

    Ciri-ciri baru dalam SublimeLinter 4

    SublimeLinter 4 membawa beberapa ciri baru, dan yang mudah dilihat adalah panel yang memaparkan semua kesilapan fail yang dibuka. Jika anda berada di Mac, tekan Command + Ctrl + A. Di Windows dan Linux, anda boleh menekan Ctrl + K, Ctrl + A.

    Kekunci Hot akan menunjukkan senarai ralat, seperti ditunjukkan dalam tangkapan skrin berikut.

    Menggunakan ↑ dan ↓ untuk menavigasi senarai, dan halaman akan tatal ke baris tepat di mana ralat berlaku.

    Visual yang lebih baik

    Kita kini boleh melayang-layang di atas saluran dalam editor atau hanya baris di mana ralat berlaku untuk melihat mesej ralat. Ini tidak mungkin dalam versi terdahulu.

    Sangat boleh dikonfigurasikan

    SublimeLinter 4 kini lebih boleh dikonfigurasikan berbanding sebelum ini. Sebagai contoh, kita kini boleh diperibadikan “gaya” kepada setiap konfigurasi linter. Ini membolehkan kami menetapkan ikon, warna, mod serat, laluan, dan pembolehubah persekitaran untuk setiap penceramah secara berasingan.

    Rujukan lanjut

    Saya berharap pengenalan ringkas ini dapat membantu mendapatkan dan menjalankan dengan SublimeLinter. Anda juga boleh merujuk kepada rujukan jika anda ingin lebih banyak barangan lanjutan.

    • Dokumen Resmi SublimeLinter
    • Lint dalam perisian dan pengaturcaraan - WikiPedia
    • Repositori SublimeLinter