סקירה: 6 המזהים הטובים ביותר ב- JavaScript

JavaScript משמש עבור סוגים רבים ושונים של יישומים כיום. לרוב, JavaScript עובד עם HTML5 ו- CSS לבניית ממשקי אינטרנט. אך JavaScript מסייע גם בבניית יישומים ניידים, והוא מצא מקום חשוב בקצה האחורי בצורת שרתי Node.js. למרבה המזל, כלי פיתוח JavaScript - הן עורכים והן IDE - עולים לעמוד באתגרים החדשים.

מדוע להשתמש ב- IDE במקום בעורך? הסיבה העיקרית היא ש- IDE יכול לבצע ניפוי באגים ולעיתים לפרופיל את הקוד שלך. ל- IDE יש תמיכה גם במערכות ALM, המשתלבות עם Git, GitHub, Mercurial, Subversion ו- Perforce לבקרת גרסאות. אך ככל שעורכים רבים מוסיפים ווים למערכות אלה, תמיכת ALM הופכת להיות פחות מובחנת.

Eclipse 2018 עם כלים לפיתוח JavaScript

עוד בימים הקדומים בהם Java Swing היה חדש ומרגש, נהניתי להשתמש ב- Eclipse לפיתוח Java, אך עד מהרה עברתי ל- IDEs אחרים של Java. לפני חמש שנים פלוס, כשעשיתי קצת פיתוח אנדרואיד עם Eclipse, מצאתי את החוויה בסדר, אבל מצחיק. כשניסיתי להשתמש ב- Eclipse Luna עם JSDT לפיתוח JavaScript בשנת 2014, הוא הציג כל הזמן שגיאות חיוביות כוזבות עבור קוד חוקי שעבר את JSHint.

סרטון קשור: מה זה JavaScript? היוצר ברנדן אייך מסביר

ברנדן אייך, יוצר שפת התכנות JavaScript, מסביר כיצד משתמשים בשפה ולמה היא עדיין מועדפת בקרב מתכנתים בשל קלות השימוש בה.

למרבה המזל, כמה ספקים ופרויקטים של קוד פתוח עלו על הצלחת מאז. ל- Eclipse 2018 עם כלים לפיתוח JavaScript יש עורך JavaScript מכובד וניתוח איתור באגים המבוסס על Chrome, אך הוא אינו יודע על TypeScript, המשמש את Angular, או על קבצי ES6 ו- JSX המשמשים את React.

Eclipse תמיד נהנה משוק עצום של תוספים. עבור TypeScript, שקול את תוסף TypeScript 1.0.0 החינמי. עבור Angular, TypeScript ו- ES6, שקול את IDE המסחרי של Angular (על ידי CodeMix, לשעבר Webclipse), ולפרויקטים של React עם קבצי JSX נסה את קוד ה- ID ID הקוד הפתוח. אם אתה מוסיף יותר מאחד, תצטרך לפתור את המחלוקת שלהם לגבי איזה מהם צריך לערוך קבצי TypeScript, אבל זה לא עניין גדול.

הכלים של CodeMix מחויבים כהוספת חכמות קוד Visual Studio ל- Eclipse. בניגוד לרוב התוספים של Eclipse, Angular IDE של CodeMix אינו בחינם, אך יש לו ניסיון בחינם למשך 45 יום. בהתחשב בכך שקוד Visual Studio הוא בחינם, הייתי שוקל זאת לפני שאשלם עבור IDE Angular.

בחינם; IDE זוויתי על ידי CodeMix, $ 29 (אישי) או $ 48 (מסחרי) לשנה. פלטפורמה: Windows, MacOS ו- Linux.

ActiveState Komodo IDE

הייתי משתמש ומעריץ את Komodo IDE מאז שהוצג לראשונה בשנת 2001. למרות שמוצרים חדשים יותר כמו Visual Studio Code ו- WebStorm עלו על זה באזורים מסוימים, הוא עדיין עורך ו IDE טובים.

Komodo IDE מספק עריכה מתקדמת של JavaScript, הדגשת תחביר, ניווט וניקוי באגים, אך היא אינה כוללת בדיקת קוד JavaScript. לשם כך, אתה תמיד יכול להריץ את JSHint במעטפת.

קומודו תומכת בעשרות שפות תכנות וסימון. עם מגוון רחב של תמיכה בשפות תכנות וסימון, כולל refactoring, איתור באגים ופרופיל, Komodo IDE הוא בחירה טובה מאוד לפיתוח מקצה לקצה בשפות קוד פתוח.

לקומודו יש מודול רפרקטור קוד לכל השפות שעבורן הוא מספק מודיעין קוד: PHP, Perl, Python, Ruby, Tcl, JavaScript ו- Node.js. למרבה הצער, אופי ה"פחות מכנה המשותף "של גישה זו מגביל את היכולות לשינוי שם של משתנים וחברי כיתה, וחילוץ קוד לשיטה. עם זאת, אלה הם חלק מהמקרים השימושיים ביותר.

ל- Komodo IDE יש גם עריכת עמודות וגם בחירות מרובות. זה מספק כמעט שוויון עם Text Sublime ו- TextMate בכל הנוגע לעריכות המוניות. כל עוד אנו מבצעים את ההשוואה, קומודו הוא יותר IDE, בעוד שהטקסט הנשגב הוא הרבה יותר מהיר. וכל עוד אנו דנים בביצועים, המהירות של קומודו השתפרה באופן ניכר בהשוואה לגרסאות ישנות יותר, בציור המסך, בחיפוש ובדיקת תחביר.

ל- Komodo IDE מספר תכונות שחסרים למוצרים המתחרים ביותר. האחד הוא מפקח ה- HTTP שלו, שהוא מעולה לניפוי ניפוי חוזר של אייאקס. אחרת היא ערכת הכלים שלה Rx (ביטוי רגיל, או regex), שהיא דרך נהדרת לבנות ולבדוק ביטויים רגולריים עבור JavaScript, Perl, PHP, Python ו- Ruby.

שיתוף פעולה הוא עוד בידול של Komodo IDE - חשוב על זה כ- Google Docs עבור קוד. באפשרותך ליצור הפעלות לקבוצות קבצים, להוסיף אנשי קשר למפגשים כשותפי פעולה, ואז לעבוד יחד על אותם קבצים בו זמנית, עם סנכרון בזמן אמת.

שיתוף פעולה אינו תחליף לבקרת קוד המקור, אך הוא תוסף שימושי. Komodo IDE משלב בקרת קוד מקור באמצעות CVS, Subversion, Perforce, Git, Mercurial ו- Bazaar. רק פעולות בקרת גרסאות בסיסיות נתמכות. פעולות מתקדמות, כגון הסתעפות, חייבות להיעשות באמצעות לקוח בקרת קוד מקור נפרד.

למרות שלקומודו אין מעצב מסמכי JavaScript משלה, הוא מנצל את הקוד הפתוח החינמי הטוב ביותר למטרה זו. מחוץ לקופסה, מעצב ברירת המחדל עבור קבצי JavaScript הוא JS Beautifier, אך תשע אפשרויות נוספות זמינות באמצעות תפריט נפתח.

Komodo IDE תומך באגים ב- JavaScript בצד הלקוח ב- Chrome והוא יכול לבצע ניפוי באגים של Node.js באופן מקומי ומרחוק. זה גם ניפוי באגים ב- Perl, Python, PHP, Ruby, Tcl ו- XSLT.

ל- Komodo IDE יש מציג DOM המאפשר להציג מסמכי XML ו- HTML כעצים מתקפלים. זה גם מאפשר לך לבצע חיפושים ב- XPath כדי לסנן את העץ.

מודולי פרופיל הקודים של Komodo ובדיקות יחידות לא תומכים ב- JavaScript. עם זאת, JavaScript ו- Node.js נתמכים שניהם על ידי מודול ה- Code Intelligence של Komodo, המיישם גלישה בקודים, השלמה אוטומטית וטיפים.

Komodo IDE יכול לפרסם קבוצות קבצים באמצעות FTP, SFTP, FTPS או SCP. Komodo יכול גם לסנכרן קבצים ולאתר התנגשויות פרסום פוטנציאליות העלולות לגרום לך להחליף שינויים של אנשים אחרים.

בסך הכל, קומודו הוא IDE טוב אך לא נהדר של JavaScript, ועורך JavaScript טוב אך לא נהדר. עם זאת, הוא בהחלט יכול לשרת את הצרכים שלך, במיוחד אם אתה עובד גם עם Perl, Python, PHP, Ruby, Tcl או XSLT.

עלות: 295 דולר, בתוספת 87 דולר לשנה עבור שדרוגים ותמיכה. פלטפורמה: Windows (7 ומעלה), MacOS (10.9 ומעלה), Linux.

אפאצ'י NetBeans

ל- NetBeans תמיכה טובה מאוד ב- JavaScript, HTML5 ו- CSS3 בפרויקטים ברשת, והיא תומכת במסגרת Cordova / PhoneGap לבניית יישומים ניידים מבוססי JavaScript. NetBeans אינה ה- IDE המהיר ביותר בבלוק, אך היא אחת המלאות יותר. וכמובן, המחיר נכון: NetBeans זמינה בחינם ברישיון קוד פתוח.

עורך JavaScript של NetBeans מספק הדגשת תחביר, השלמה אוטומטית וקיפול קוד, כמעט כפי שציפית. תכונות עריכת JavaScript פועלות גם עבור קוד JavaScript המוטמע בקבצי PHP, JSP ו- HTML. תמיכה ב- jQuery אפויה בעורך. ל- NetBeans 8.2 יש תמיכה חדשה או משופרת עבור Node.js ו- Express, Gulp, Grunt, AngularJS, Knockout.js, Jade, Mocha ו- Selenium.

ניתוח קוד פועל ברקע תוך כדי עריכה, ומספק אזהרות ורמזים. ניפוי באגים עובד בדפדפן WebKit המוטמע ובכרום עם התקנת מחבר NetBeans. הבאגים יכול להגדיר נקודות הפסקה של DOM, קו, אירוע ו- XMLHttpRequest, והוא יציג משתנים, שעונים ומחסנית השיחות. חלון יומן דפדפן משולב מציג חריגים, שגיאות ואזהרות בדפדפן.

NetBeans יכולים להגדיר ולבצע בדיקות יחידות עם JsTestDriver, קובץ JAR (ארכיון Java) שתוכלו להוריד בחינם. ניפוי באגים בבדיקות יחידות מופעל באופן אוטומטי אם אתה מציין את Chrome עם NetBeans Connector כאחד מדפדפני JsTestDriver בעת הגדרת JsTestDriver בחלון השירותים.

כאשר אתה מבצע ניפוי באגים ביישום אינטרנט ב- Chrome באמצעות מחבר NetBeans וערוך את CSS מכלי המפתחים של Chrome, השינויים יילכדו על ידי NetBeans ויישמרו בקבצי CSS. עם זאת, אם קבצי ה- CSS שלך נוצרו מגיליונות סגנון פחות או סאס, יהיה עליך לעדכן ידנית את גיליון המקור מכיוון שקבצי CSS הם רק פלט מקובץ.

בדפדפן WebKit המוטמע וב- Chrome עם התקנת מחבר NetBeans, אתה יכול להשתמש בצג הרשת של NetBeans כדי להציג כותרות בקשה, תגובות וערימות שיחות לתקשורת REST. בתקשורת WebSocket מוצגים גם כותרות וגם מסגרות טקסט. בסך הכל, NetBeans מספקת חווית ניפוי באגים מעט טובה יותר עם Chrome ממה שאתה מקבל ב- Firefox עם Firebug.

NetBeans משלבת בקרת קוד מקור עם Git, Subversion, Mercurial ו- CVS. התמיכה ב- Git מוגברת על ידי צופה דיפ גרפי ועל ידי מערכת מדפים בתוך ה- IDE. NetBeans מקודדת בצבע את מצב Git של קבצים, מאפשרת לך להציג את היסטוריית הגרסאות עבור כל קובץ, ומראה לך מידע על תיקונים ומחברים עבור כל שורה של קבצים המבוקרים על גרסאות. ל- NetBeans אינטגרציות דומות עם Subversion, Mercurial ו- CVS, אך בדקתי רק את Git.

NetBeans משלבת מעקב אחר נושאים עם ג'ירה ובוגזילה. בחלון המשימות של NetBeans תוכל לחפש משימות, לשמור חיפושים, לעדכן משימות ולפתור משימות במאגר המשימות הרשום שלך. NetBeans כוללת גם אינטגרציה של שרת קבוצתי עבור אתרים המשתמשים בתשתית קנאי.

עד כמה שאני יכול לקבוע, ל- NetBeans אין כל פרופיל JavaScript, אם כי הוא יכול לפרופיל יישומי Java ומודולי EJB. ובעוד NetBeans יכולים לשקול מחדש את Java ו- PHP, הם אינם יכולים לשקול JavaScript מחדש.

בסך הכל, NetBeans היא מתמודדת ראויה לפיתוח JavaScript, HTML5 ו- CSS3 בצד הלקוח, במיוחד אם אתה מבצע פיתוח Java, PHP או C ++ בשרת. אם אין לך את התקציב עבור WebStorm ולא אוהב את מיקרוסופט, תגלה ש- NetBeans עושה את העבודה, כל עוד אתה לא ממהר מאוד.

בחינם. פלטפורמה: Windows, Solaris, MacOS, Linux. 

Microsoft Visual Studio 2017

בסקירה המלאה שלי של Visual Studio 2017 דנתי במוצר בכללותו, עם רק כמה התייחסויות ל- JavaScript. אני אהפוך את הדגש כאן.

בסך הכל, Visual Studio 2017 משמש היטב כ- IDE של JavaScript, אם כי הוא טוב יותר. NET IDE, והוא לא טוב כמו WebStorm עבור JavaScript. אמנם הוא משמש היטב גם כעורך JavaScript, אך הוא עורך C # טוב יותר, והוא לא טוב או מהיר כמו טקסט נשגב עבור JavaScript.

כפי שניתן לראות בצילום המסך למטה, Visual Studio 2017 עושה עבודה טובה עם צביעת תחביר JavaScript וקיפול קוד. זה גם עושה עבודה טובה עם ניווט בקוד JavaScript: לחץ לחיצה ימנית על פונקציה או שם חבר, ותוכל בקלות לקפוץ להגדרה או למצוא את כל ההפניות. כשתסיים להסתכל על ההגדרה, תוכל ללחוץ על החץ האחורי בחלק העליון של הממשק כדי לחזור למקום בו היית.

אתה יכול להוסיף קטעי טקסט בקלות ולהקיף את הבחירה שלך בקוד מתאים, כגון קידוד HTML או URL של משתני מחרוזות. מלבד JavaScript, HTML ו- CSS, אתה יכול לערוך קבצי Markdown ולראות את Markdown שניתנו, ותוכל לעבוד עם TypeScript.

בנוסף, ניתן כמובן לקודד בכל שפת .Net, ב- C ++ וב- Python. וכפי שהיה המקרה של Visual Studio במשך זמן רב, אתה יכול לעבוד עם מסדי נתונים ישירות מה- IDE. Visual Studio חזק במיוחד בעבודה עם מסדי נתונים של SQL Server. אתה יכול לחמוק משימוש ב- Visual Studio במקום ב- Studio Server Management Studio עבור רוב פעולות מסד הנתונים שתרצה לעשות כמפתח.

Visual Studio 2017 תומך באיתור באגים בכל דפדפן שדואג לכם לזרוק אליו, כולל דפדפנים במכשירים ניידים ובאמולטורים. יש לו גם שני דפדפנים משלו: דפדפן האינטרנט הפנימי הרגיל, המהווה (הפתעה!) גרסה של Internet Explorer, ומפקח הדפים המציג לך את הדף המוצג יחד עם כל המקורות והסגנונות. למרות שמפקח הדפים עושה הרבה דברים שעשויים זמן רב להנדסה לאחור כדי להגדיר את עצמו לדף, ברגע שאתה נמצא בו אתה יכול להישאר שם מבלי שתצטרך להלהטט ב- Visual Studio, בדפדפן ובכלי הפיתוח של הדפדפן. .

הביצועים של Visual Studio 2017 בדרך כלל די טובים אם אתה נותן לו מספיק זיכרון ועוצמת מעבד, אך הוא נוטה לדרוש משאבים משמעותיים. ל- Visual Studio 2017 יש אבחון ביצועים נהדר עבור יישומים, אך בגדול הם לא כל כך שימושיים עבור קוד JavaScript רגיל, שבדרך כלל פועל עמוק בתוך דפדפן. ל- Visual Studio יש תזמון ספציפי לתפקוד JavaScript, היענות לממשק משתמש ב- HTML וכלי זיכרון JavaScript, אך הם חלים רק על פרויקטים מבוססי JavaScript אוניברסלי של Windows, ולא על פרויקטים מקוונים שמשתמשים ב- JavaScript.

Visual Studio 2017 כולל עריכת יישומי Node.js מצוינת, IntelliSense, פרופיל, שילוב NPM, תמיכה ב- TypeScript, ניפוי באגים באופן מקומי ומרחוק (Windows, MacOS, Linux), ניפוי באגים ב- Azure Web Apps וב- Azure Cloud Services. יש לו גם תמיכה ב- CSS, HTML, JavaScript, TypeScript, CoffeeScript ו- Less. זה כולל הפעלת JSHint תוך כדי הקלדה, המאפשר לך לצמצם קבצי JavaScript מתפריט ההקשר, ולהרכיב אוטומטית קבצי CoffeeScript בעת שמירה, ולהציג תצוגה מקדימה של JavaScript שנוצר זה לצד זה.