ה-IDEs ועורכי הטקסט הטובים ביותר עבור מפתח הקצה הקדמי

לפני תריסר או שנתיים נוצרו אתרים באמצעות ידיים ועורך טקסט רגיל. כתיבת תגי html משלכם, קצת קסם באמצעות סגנונות מוטבעים ב-CSS, מתובל באנימציה משעשעת - והאתר מוכן לשימוש. כיום, יצירה ופיתוח של אתר או אפליקציה הוא תהליך מובנה. אתה יכול ליצור אתר באמצעות בונה האתרים תוך דקה, או שאתה יכול להתייסר עליו במשך מספר חודשים. ככל שפיתוח אתרים משתנה, צצים מסגרות חדשות, תוספים ויישומים כדי לייעל את הקידוד. כלים נוספים מפשטים את סביבת העבודה שלך ומגדילים את הפרודוקטיביות. אנו משתמשים במערכות בקרת גרסאות לניהול שיתופיות של פרויקטים בקוד פתוח וספריות כמו jQuery. לסביבת הפיתוח יש תפקיד חשוב מאוד בתהליך יצירת אתר אינטרנט. בחירת מעבד התמלילים האידיאלי יכולה להיות משימה מאתגרת אך ניתנת לביצוע הדורשת יישום של מחקר אמפירי. איך לא ללכת לאיבוד באוקיינוס ​​הזה של כלים, אפליקציות ותוספים? באיזה עורך טקסט כדאי לבחור לעבודה יומיומית, ואיזה לפרויקטים של חיות מחמד? ריכזנו רשימה קצרה של הכלים הפופולריים ביותר עבור מפתחי חזית מתחילים. שכחנו לציין את העורך האהוב עליכם בכתבה? השאר תגובות!

פנקס רשימות++

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

• יצירת סימניות;
• העתקה ושמירה אוטומטית של קבצים שנוצרו;
• תמיכה והמרה של קידודי טקסט סטנדרטיים;
• משתמשים יכולים להגדיר באופן עצמאי כללים להדגשת תחביר;
• התקנה של תוספים שימושיים שונים;
• הגדרה והגדרה מחדש של מקשים חמים;
• בדיקת איות והצפנת טקסט;
• משחק טטריס (במקרה שנמאס לך מהקידוד);
• יכול לנהל כמויות גדולות של נתונים.

"תכונה" נוספת של עורך זה נחשבת ל"ביצת פסחא" בצורה של הצגת ציטוטים מהאב האפל - דארת' ויידר ואבי "תיקיית השנאה" - ביל גייטס. הזבוב במשחה: ממשק פשוט מדי שלא עומד בתקני הפיתוח של היום. אפשר להשוות את זה לאור של פנס במהלך היום. הדגשת תחביר: + זיהוי אוטומטי של תגים: + תאימות למערכת ההפעלה: Windows, ReactOS. גרסה חינמית: כן. קישור: https://notepad-plus-plus.org/download/v7.5.1.html

סוֹגְרַיִם

פורסם: 4 בנובמבר 2014. לאדובי יש הרבה מוצרים מגניבים שאהובים על מפתחי ומעצבי Frontend. וסוגריים הוא אחד מהם. העורך החינמי הזה, בקוד פתוח, חוצה פלטפורמות מבוסס על JavaScript, HTML5 ו-CSS3, כך שעבודתו מתמקדת במיוחד בהם. אם יש לך הבנה בסיסית של JavaScript, אז זה העורך שאתה צריך להתחיל לעבוד איתו. כי הוא זה שיספק את כל הכלים הדרושים להתרחבות. העורך זקוק לכמה שיפורים, אבל בסך הכל הוא מפותח באופן פעיל למדי והוא פופולרי בקרב מפתחים. יתרה מכך, כל משתמש יכול לבצע שינויים משלו וליצור הרחבות נוספות. אפשרויות:

• טיפים לעריכת קובצי JS, CSS ו-HTML;
• תמיכה בצפייה בקוד בדפדפן בזמן אמת (Live Preview);
• סנכרון עם שרת FTP;
• תמיכה והידור אוטומטי של CSS לפחות קבצים;
• מספק מבחר גופנים (עם אפשרות להוסיף אותם) שבהם תוכל להשתמש בעת עבודה עם טקסט;
• עבודה עם מערכת בקרת גרסאות - Git.

הגרסה החדשה של 2017 הציגה את היכולת לחפש בהיסטוריה, לשלוח ולקבל קבצים עם קידודים שונים, לנווט בהיסטוריית העריכה באמצעות מקשי קיצור, להפעיל ולנטרל הרחבות ותפריט מקורי ללינוקס. הדגשת תחביר: + זיהוי אוטומטי של תגים: + תאימות למערכת ההפעלה: macOS, Windows ו-Linux. גרסה חינמית: כן. קישור: http://brackets.io

נִשׂגָב

שחרור: 18 בינואר 2008. עורך קוד חוצה פלטפורמות וסביבת פיתוח משולבת (IDE). אהבנו את העורך הזה בגלל מהירותו וקלות השימוש שלו, בעוד ש- Coda ו- TextMate נפלו מהצד ואכזבו את בסיס המשתמשים הראשי עם עדכונים מאוד לא נוחים. אפשרויות:

• ניווט מהיר בין קבצים, סמלים וקטעי קוד מסוימים (זו הסיבה שהוא אהוב על משתמשים רבים);
• פונקציית בדיקת התחביר פועלת מיד כאשר אתה מזין תווים;
• אופטימיזציה וחזרה על פעולות אחרונות באמצעות פקודות מאקרו;
• שמירה אוטומטית של הקוד, המונעת את אובדנו;
• תמיכה בנושאים חזותיים ושפות תכנות שונות;
• שמירת מילות מפתח ושברי קוד בשימוש תכוף;
• קבוצה של תוספים מוכנים בפייתון;

הדגשת תחביר: + זיהוי תגים אוטומטי: + תאימות מערכת הפעלה: Windows, Mac OS, GNU/Linux. גרסה חינמית: כן (ללא מגבלות פונקציונליות), אך לאחר סקירת האפליקציה, עליך לרכוש רישיון. קישור: http://www.sublimetext.com/3

WebStorm

שחרור: 2015. זה לא עורך טקסט רגיל, אלא גם סביבת פיתוח משולבת עבור JavaScript, CSS ו-HTML. מחבריו הם JetBrains, אותה חברה שיצרה את סביבת IntelliJ IDEA, האהובה על תלמידי JavaRush. WebStorm הוא אחד מהעורכים החכמים והפופולריים ביותר. תומך במסגרות העיקריות: AngularJS, React ו- Meteor ומשמש ליצירת אפליקציה ב-Node.js. WebStorm היא סביבה די מורכבת, אך יחד עם זאת היא מצוינת למי שזקוק להרבה הרחבות ותכונות. אפשרויות:

• עובד ביעילות עם פרויקטים בגדלים שונים הודות לאינטגרציה עם מערכות בקרת גרסאות Git, GitHub, Mercurial. זה מאפשר לך "לבצע" קבצים, לסקור שינויים ולפתור התנגשויות ישירות בתוך ה-IDE;
• LiveEdit - מציג שינויים מקדימים מבלי לטעון מחדש את הדף (עובד עם דפדפן גוגל כרום);
• ניתוח קוד במהלך העריכה;
• Refactoring וניפוי קוד עבור יישומי Javascript ו-Node.js;
• תמיכה בשפות ECMAScript, TypeScript, CoffeeScript ו-Dart;
• יצירת יישומים באמצעות תבנית Node.js Express;
• השקה וניפוי באגים עם מסגרות כמו Mocha, Karma ו-Protractor. ניתן לבדוק זאת בעורך עצמו או בתפריט עץ נוח, ממנו ניתן לחזור במהירות לטקסט;
• מעבדי קדם של LESS, Sass, SCSS, Stylus נתמכים באופן מלא;
• חיפוש מהיר בחלון הטרמינל;
• בניית פרויקטים הכוללים מספר ספריות Javascript מרובות;
• תמיכה ב-JQuery, YUI, אב טיפוס, DoJo, MooTools, Qooxdoo ו-Bindows;
• תמיכה ראשונית ועבודה עם Angular 2.

הדגשת תחביר: + זיהוי תגים אוטומטי: + תאימות מערכת הפעלה: Windows, Mac OS, GNU/Linux. גרסה חינמית: יש גרסת ניסיון ל-30 יום, ואז צריך לרכוש רישיון. קישור: http://www.jetbrains.com/webstorm/

אָטוֹם

שחרור: 26 בפברואר 2014. תוכנת קוד פתוח בחינם שנוצרה על ידי מחברי ה-Github האהובים על כולם . הוא בנוי על 50 מודולים ונכתב ב-Node JS, CoffeeScript, CSS, HTML ו-C++. אתה יכול גם לפתח מודולים משלך ולפרסם אותם במאגר לגישה פתוחה. סביבת פיתוח זו די קלה לשימוש, ותוספים נוספים עוזרים להרחיב את אפשרויות העבודה איתה. אפשרויות:

• משתמש ב-GUI עבור תצורה במקום קבצי json;
• צפייה במיני מפה של הקוד ושבריו;
• חיפוש מהיר לפי פרויקטים וקבצים;
• סרגל צד ועץ קבצים נוחים;
• מספר עצום של חבילות הרחבה זמינות ב-Github;
• Emmet, Autoprefixer, תמיכה ב- Livereload;
• צפייה בקובץ דרך עץ סרגל הצד;
• היכולת להתאים אישית את העורך להעדפות המשתמש האישיות;
• נוכחות של מנהל קבצים מובנה;
• אין צורך להתקין חבילת בקרה עם תוספים, זה מספיק כדי להשתמש בממשק המשתמש הגרפי;
• תמיכה בתוספים שנכתבו ב-Node.js;
• תצוגה מקדימה של תמונות PNG, JPEG ישירות בעורך;
• מציע עבודה עם מערכת בקרת גרסאות Git.

הזבוב במשחה עשוי להיות שהוא דורש זיכרון רב ואינו מסוגל להתמודד עם קבצי נתונים גדולים. הדגשת תחביר: + זיהוי אוטומטי של תגים: + תאימות מערכת הפעלה: Windows 7, 8, Mac OS 10.8, Linux. גרסה חינמית: כן. קישור: https://atom.io

מֶרֶץ

פרסום: 2 בנובמבר, 1991. אתם עשויים לשאול: מה שכח וים הזקן ברשימה זו של עורכים מודרניים? למעשה, Vim הוא עורך טקסט מודרני וחזק לחלוטין, שנוצר על בסיס ה-vi הישן, הזמין במערכות הפעלה UNIX. וזה כל הזמן מתפתח. מפתחים מבצעים שינויים כמעט מדי שנה, ומוסיפים תוספים ותוספים חדשים. הפעם האחרונה שזה קרה הייתה ב-2016, ומספר ההרחבות והמהירות באמת מדהימים ושווה לבדוק. Vim הוא עורך ריבוי מצבים. אתה יכול לעבוד בכמה בבת אחת: פקודה, הוספה או חזותית. עם זאת, כדאי לקחת בחשבון שזה די מורכב עבור מפתח מתחיל. למרות שמומחים בעלי ניסיון רב שנים אינם מודעים לרבים מתפקידיו. אפשרויות:

• תמיכה בקידוד טקסט סטנדרטי;
• אתה יכול לעבוד עם כמה קבצים בו זמנית;
• זיהוי והמרה אוטומטית של קבצים;
• תאימות עם שפות התכנות Perl, Tcl, Python ו-Ruby;
• יצירת הגדרות נוחות לצרכיו של כל משתמש;
• הקלטה והטמעת פקודות מאקרו;
• מצב חזותי יכול לבצע פונקציות שימושיות רבות (לדוגמה, הדגשת בלוקים של טקסט);
• תמיכה בשפות לא סטנדרטיות הנכתבות מימין לשמאל (כמו ערבית או עברית);
• הגדרות נוחות למילות חיפוש והיסטוריית פקודות;
• תומך בשימוש מלא במקלדת ללא עכבר;
• מפגין ביצועים מדהימים בעבודה עם קבצים גדולים.

הדגשת תחביר: + זיהוי תגים אוטומטי: + תאימות מערכת הפעלה: Windows, DOS, Linux, BSD ו-Mac OS, iOS, Android, AmigaOS, Atari MiNT, BeOS, NextStep, OS/2, OSF, RISC OS, SGI, VMS. גרסה חינמית: כן. קישור: https://vim.sourceforge.io/download.php

Netbeans

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

• ניהול חלונות ואחסון;
• שינויי ממשק ועיצוב (כולל תפריטים וחלונות קופצים);
• הגדרת חיבור עם שרת מרוחק;
• Refactoring קוד זמין;
• יש תוספות, תבניות ומחוללי קוד;
• תומך בשפות תכנות רבות;
• בדיקה ותיקון תחביר אוטומטיים;
• התאמה אישית של העורך כדי להתאים לצרכי המשתמש;
• השקה וניפוי באגים של יישומי JavaScript ו-Node.JS;
• תמיכה במסגרות PHP (Symfony, Zend ו-Yii).

לעוף במשחה: זה גוזל הרבה זיכרון. הדגשת תחביר: + זיהוי אוטומטי של תגים: + תאימות מערכת הפעלה: Microsoft Windows, Linux, FreeBSD, Mac OS X, OpenSolaris ו- Solaris. גרסה חינמית: כן. רק זה בחינם. קישור: https://netbeans.org

בונוס הארדקור: פנקס רשימות, המכונה "פנקס רשימות"

מהדורה: 1985, יחד עם Windows 1.0. כן, כן, אותו פנקס רשימות שמותקן כברירת מחדל בכל מחשבי ה-Windows שלך. "מה העתיקות הזאת שכחה כאן? מה זה קשור להתפתחות?", אתה שואל. למעשה, אנו מבינים שאין זה סביר שמישהו היום יצור משהו רציני בפנקס הרשימות הקלאסי. עם זאת, בתוכנית זו הרבה מפתחים מתחילים בילו את 15-20 השנים האחרונות ב"הרכבה" של אתרי האינטרנט הראשונים שלהם וכתיבת התוכניות הראשונות שלהם. מה שאנחנו מתכוונים הוא שאם אתה רוצה ללמוד, שום דבר לא צריך לעצור אותך. עבור מפתח אמיתי (ומי שרוצה להיות כזה), פנקס רשימות אינו מהווה מכשול. מאפיינים: רק טקסט שחור, רק הארדקור. לעוף במשחה: ללא זבוב במשחה: "פנקס רשימות" מושלם במינימליזם שלו! הדגשת תחביר: לא. אמן את הזיכרון שלך! זיהוי אוטומטי של תגים: וואו! גרסה חינמית: פנקס רשימות חינמי רק כמו Windows שלך.