Anonim

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

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

חלק מ- IDE של JavaScript ברשימה זו הם פרימיום, חלקם בחינם, רבים מורידים למחשב שלך אך זוג מחובר. כולם נבדקים לטובה ונראים פופולריים מאוד. אם אתם מחפשים IDE של JavaScript חדש לפיתוח אתרים, אחד כזה בטוח יתאים לחשבון.

אני לא מקודד אבל אחד החברים הכי טובים שלי הוא, אז השתמשתי במומחיות שלה כדי לבנות את הרשימה הזו.

WebStorm

WebStorm הוא אחד ה- IDE IDE הפופולריים ביותר שקיימים ב- JavaScript אם מספר ההורדות והביקורות החיוביות הן דבר שאפשר לעבור עליו. הוא תוכנן מהיסוד כדי להיות ידידותי למשתמש ונוח לשימוש וזה בהחלט נראה. זה תואם ל- JavaScript, HTML, CSS, Angular ו- Node.js ולכן מכסים את כל הבסיסים. זה גם תואם למסגרות Angular, React ו- Meteor ואפליקציות לפיתוח סלולרי של Cordova, PhoneGap ו- Ionic.

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

WebStorm אינו חינמי ומצריך מנוי שנתי לשימוש.

אטום

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

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

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

אטום חופשי לשימוש.

קודנים

Codepen מכנה עצמה 'מגרש המשחקים של הצד הקדמי של הרשת'. זה אחד מאותם IDE IDE מקוונים של JavaScript שציינתי לעיל והוא טוב מאוד במה שהוא עושה. זה משחק יפה עם HTML, CSS ו- JavaScript ועובד עם CoffeeScript או LiveScript. זה שימושי הן למתחילים שרוצים ללמוד קוד והן נבדקות על ידי עמיתים, אלא גם קודאים מנוסים שרוצים לבנות בסביבת תצוגה מקדימה חיה.

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

היתרון העיקרי של Codepen הוא הקהילה. זוהי קהילה גדולה מאוד ופעילה המציעה עזרה, ייעוץ וביקורת של קוד, רעיונות ועוד.

Codepen יש גם גרסת חינמית וגם גרסת Pro.

טקסט נשגב 3

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

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

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

ניתן לנסות להשתמש ב- Sublime Text 3 אך תמורת $ 70 לשמור.

NetBeans

NetBeans החלה את החיים ככלי Java אך התרחבה לכלול JavaScript ו- Node.js. זה עובד גם עם HTML, CSS, PHP, JS, C / C ++, Python ושפות אחרות. זה עובד בתוך מחשב וירטואלי של Java כך שיעבד ברוב מערכות ההפעלה וניתן להגדיר בדיוק איך שאתה אוהב את זה.

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

ל- NetBeans יש גם תוספות Chrome מגניבות המאפשרות ניפוי באגים יעיל ויכולת לערוך מקורות מתוך הדפדפן. כנראה כלי שימושי מאוד.

NetBeans הוא קוד פתוח וחינמי.

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

יש לך הצעות אחרות עבור IDE טוב ל- JavaScript? ספר לנו על כך למטה אם כן!

5 מהאידיות הטובות ביותר ל- JavaScript לפיתוח אתרים