מדריך שימוש SublimeLinter עבור מפתחים
לינטר הוא כלי חיוני בפיתוח אינטרנט מודרני. זה עוזר לנו להישאר לבדוק עם שגיאות ולאכוף את הנוהג הטוב ביותר בעת כתיבת קודים. אם אתה משתמש ב- SublimeText, מומלץ מאוד להתקין את SublimLinters. במהלך השנים, SublimLinters יש eveolved להיות כלי כוח Suite ב SublimeText והביא חבילות רשמיים המתחברים linters של שפות תכנות שונות.
במדריך זה, נראה כיצד להתקין ולהגדיר את SublimeLinter. בוא נתחיל.
מתחילים
הדרך הקלה ביותר להתקין SublimeLinter 4 היא באמצעות בקרת החבילה SublimeText. מאז ב סובלימנטר 3, כל אחד לינטר חייב להיות מותקן בנפרד. זה מאפשר SublimeLinter לפעול ביעילות רבה יותר רק על ידי הפעלת משקוף כי אנחנו כבר מותקן.
מאז אני משתמש ב- HTML, CSS, JS, ו- PHP רוב הזמן בפרויקטים שלי, אני רוצה להתקין linters עבור שפות אלה. בתוך ה בקרת החבילה, אני מתקין את SublimeLinter יחד עם התוספים הבאים:
- SublimeLinter-HTML-מסודר
- SublimeLinter בסגנון
- SublimeLinter-eslint
- SublimeLinter-php
לאחר מכן, על מנת אלה plugins לעבוד, אנחנו גם צריכים להתקין את לינטר
עבור השפות, שהן HTML מסודר, CSSLint, JSHint ו- PHP CLI.
לאלו מכם המשתמשים OSX, Tidy ו- PHP מותקנים מראש במערכת. כדי לאמת, הפעל את שתי הפקודות הבאות ברציפות.
מסודר - phv --version
פקודות אלה יראה לך את גירסת Tidy ו PHP יש לך. ניתן להמשיך להשתמש בהם בטקסט סאבליים.
אם אתה משתמש ב- Windows או ב- Linux או לא מותקן בהם, תוכל לבצע את ההנחיות הבאות.
התקנת HTML מסודר
כדי להתקין את HTML Tidy:
- ב- OSX, הפעל את הפקודה במסוף
לחלוט להתקין homebrew / dupes / מסודר
- בלינוקס, השתמש בפקודה זו
sudo apt- לקבל להתקין מסודר
. - ב- Windows, אתה יכול לתפוס את המתקין EXE מ TidyBatchFiles.
התקנת PHP CLI
- משתמשי OSX יכולים להתקין PHP במערכת עם
curl-s http://php-osx.liip.ch/install.sh 5.5
פקודה. זה יתקין PHP 5.5, המהווה את הגירסה העדכנית ביותר, בזמן הכתיבה. - לינוקס משתמשים יכולים לעקוב אחר זה מקיף הדרכה מ DigitalOcean.
- למשתמשי Windows, אתה יכול להוריד את המתקין כאן.
התקנת סגנון
הבא, אנחנו יתקין את linter CSS בשם Stylelint שיאפשר לנו לבדוק ולאכוף שיטות עבודה מומלצות בקבצי CSS שלנו. את ההנחיות הבאות ניתן לעקוב אחר כל שלושת הפלטפורמות: OSX, Windows ו- Linux. אני מניח שכבר התקנת את Node.js עם NPM.
כדי להתקין את StyleLint, הפעל:
npm להתקין-stylelint
שים לב כי יהיה עליך גם להוסיף קובץ תצורה של StyleLint לספריית הפרוייקט שלך, בנוסף להתקין תצורה מוגדרת מראש כמו stylelint-config-Standard. לאחר שתצורתם נקבעה, עליך למצוא את השגיאות המודגשות בהמשך.
התקנת ESLint
אנחנו גם הולכים להתקין ESLint, מודרני מאוד configuratble linter עבור JavaScript. זה יעזור לנו לאכוף שיטות עבודה מומלצות, כמו גם לתפוס שגיאות פוטנציאליות בעת כתיבת JavaScript. התקנת ESLint דורשת גם Node.js עם NPM.
כדי להתקין אותו, הפעל.
התקנת npm -g esint
באופן דומה, יהיה עליך להוסיף את תצורת ה- ESLint לפרויקט שלך, או להשתמש בתצורה המוגדרת מראש כגון תצורת eslint-config-recommended.
כולנו מוכנים. אנחנו יכולים להתחיל מוך HTML, CSS, JS ו- PHP ב SublimeText באמצעות SublimeLinter 4.
תכונות חדשות ב SublimeLinter 4
SublimeLinter 4 מביא כמה תכונות חדשות, ואחד זה בולט בקלות הוא פאנל המציג את כל השגיאות של הקבצים שנפתחו. אם אתה נמצא ב- Mac, הקש Command + Ctrl + A. ב- Windows ו- Linux, תוכל ללחוץ על Ctrl + K, Ctrl + A.
המקש 'חם' יציג רשימה של שגיאות, כפי שמוצג בצילום המסך הבא.
להשתמש ב ↑ ו ↓ כדי לנווט ברשימה, והדף ידפדף אל השורה המדויקת שבה התרחשה השגיאה.
עדיף חזותי
כעת אנו יכולים לרחף מעל המרזב בעורך או רק את השורה שבה מתרחשת השגיאה כדי להציג את הודעת השגיאה. זה לא היה אפשרי בגירסה הקודמת.
מאוד להגדרה
SublimeLinter 4 הוא עכשיו להגדרה יותר מתמיד. לדוגמה, כעת אנו יכולים להתאים אישית “סגנונות” לכל תצורה linter. זה מאפשר לנו להגדיר סמלים, צבע, מוך מצב, נתיב, ומשתני סביבה עבור כל linter בנפרד.
הפניה נוספת
אני מקווה שזה מבוא קצר יכול לעזור ולהתחיל לעבוד עם SublimeLinter. תוכל גם לעיין בהפניה אם תרצה לקבל עוד חומר מתקדם.
- דוקטור
- מוך בתוכנה ובתכנות - WikiPedia
- מאגרי משנה