אם אתם מתכנתים מדי יום, תדעו שעורך מכוון היטב עושה את ההבדל בין יום פרודוקטיבי לפסטיבל של תסכולים. Visual Studio Code הפך לעורך ההפניות בזכות הביצועים שלו, מערכת ההרחבה שלו, וקהילה ענקית שיוצרת כלים חדשים כל הזמן.
הקסם האמיתי של VS Code טמון לא רק בעורך הבסיסי, אלא במערכת האקולוגית שלו. מאות הרחבות מוסיפות השלמה אוטומטית מתקדמת, פתרונות ליצירת קשרים, ערכות נושא, שרתים מקומיים, ניפוי שגיאות, אייקונים, שילוב Git, בינה מלאכותית ועוד.במדריך זה תמצאו אוסף שלם ביותר של הרחבות מומלצות: החל מהחיוניות לכל שפה, ועד לאלו הספציפיות ל-JavaScript, Python, PHP, HTML/CSS, TypeScript ועבודה יומיומית עם Git, Docker או Markdown.
מהו VS Code ומדוע ההרחבות שלו כל כך חשובות?
קוד Visual Studio הוא עורך קוד חינמי וחוצה פלטפורמות נוצר על ידי מיקרוסופט, זמין עבור Windows, macOS ו-Linux, ונמנה עם סביבות הפיתוח הטובות ביותר.
זה כבר כולל תכונות חזקות מאוד ישר מהקופסה: הדגשת תחביר, IntelliSense, ניפוי שגיאות משולב, טרמינל, אינטגרציה עם Git ותמיכה בסיסית בשפות רבותאבל המקום שבו זה באמת ממריא הוא כשמתחילים להתקין הרחבות כדי להתאים את הסביבה לשיטת העבודה שלכם.
הארכיטקטורה של VS Code נועדה להיות ניתנת להרחבה רבה: כמעט כל היבט של העורך ניתן לשיפור או החלפה, החל ממערכת ניפוי השגיאות ועד לערכות נושא, סמלים או השלמה אוטומטית עבור שפה ספציפית.
יתר על כן, אין רק קוד VS אחד: ניתן להשתמש בגרסה הרשמית או בחלופות קוד פתוח כמו VSCodiumאשר מסירים טלמטריה וחלקים קנייניים מסוימים, אך שומרים על תאימות עם רוב ההרחבות.
כיצד להתקין ולנהל הרחבות ב-VS Code
התקנת הרחבות ב-VS Code היא קלה מאוד. הכל נעשה מתוך הממשק האישי של העורך.ללא צורך להוריד קבצים באופן ידני.
כדי להוסיף תכונות חדשות, פתחו את העורך ועברו לחלונית ההרחבות (סמל ריבועי בסרגל הצד או קיצור דרך). Ctrl+Shift+X / Cmd+Shift+X ב- macOS). משם, חפשו לפי שם או מילת מפתח. ההרחבה שמעניינת אותך.
כאשר תמצאו הרחבה מעניינת, בדקו את דף המידע שלה: מספר הורדות, ביקורות, תאימות וצילומי מסךזה ייתן לך אינדיקציה טובה האם כדאי להתקין או לא.
כדי להשלים את התהליך, פשוט לחצו על כפתור ההתקנה. רוב התוספים מופעלים באופן מיידיחלקם דורשים טעינה מחדש של חלון העורך, וחלקם דורשים תצורה נוספת (לדוגמה, אלו שתלויים בכלים חיצוניים כמו ESLint, PHP Debug with Xdebug וכו').
הרחבות כלליות חיוניות לכל פרויקט
יש קבוצה של הרחבות שכמעט כל אחד צריך להתקין, ללא קשר לשפה או למחסנית בה הוא משתמש. הם מתמקדים בפריון, עיצוב, שיתוף פעולה, בקרת גרסאות וחוויית משתמש..
יפה יותר
יפה יותר הוא מעצב קוד סטנדרטי דה פקטו בעולם של JavaScript ובשפות רבות אחרות, הוא כותב מחדש את הקוד שלך באופן אוטומטי בהתאם לכללי סגנון מוגדרים היטב.
הוא מסוגל לעצב JavaScript, TypeScript, JSX, TSX, JSON, HTML, CSS, SCSS, Less, YAML, GraphQL, Markdown, Vue, Angular ועוד רבים. הרעיון הוא שדיונים על האם להשתמש במרכאות בודדות או כפולות, נקודה-פסיק או לא, היכן להשתמש בסוגריים וכו', ייעלמו בגלל כל הפרויקט פועל לפי אותה קונבנציונליות.
ניתן להשתמש בהגדרות ברירת המחדל או ליצור כללים משלך באמצעות סוגי קבצים .prettierrcהדבר הרגיל הוא להפעיל את עיצוב בעת שמירהכך שבכל פעם שתלחצו על Ctrl+S הקוד יהיה נקי ועקבי.
ESLint
בעוד שפרטייר מתמקד בהיבט הקוד, ESLint מתמקדת באיכות ובנהלים נכוניםזהו הלינטר הנפוץ ביותר בפרויקטים מודרניים של JavaScript ו-TypeScript.
התוסף ESLint עבור VS Code גורם לניתוח לפעול ברקע בזמן ההקלדה. הוא מציג שגיאות ואזהרות ישירות על הקוד.הדגשת קווים בעייתיים והצעת הצעות מהירות לתיקונם.
ניתן להשתמש בתצורות נפוצות כגון Airbnb, Standard או המלצות ESLint הרשמיותאו להגדיר כללים משלך כדי להתאים אותם לפרויקט. זה גם תואם לתוספים עבור מסגרות כמו React, Vue או Node.js.
תגובות טובות יותר
בפרויקטים גדולים, ההערות הופכות לבלגן שקשה לעקוב אחריו. Better Comments מאפשר לך לסווג תגובות באופן ויזואלי שימוש בצבעים בהתאם לקידומת בה אתה משתמש.
לדוגמה, ניתן לקבל הערות מהסוג הזה הכל, אזהרה, חשוב, שאלהוכו', לכל אחד סגנון משלו. זה מקל מאוד על איתור משימות ממתינות, הערות קריטיות או הסברים מרכזיים בעת סקירת הקוד.
בודק איות קוד
למרות שזה אולי נראה כמו פרט שולי, שגיאות כתיב בשמות משתנים, הערות או טקסט ממשק נראות די רע.בודק איות קוד משמש כנתיב איות לקוד.
מנתח מזהים, מחרוזות והערות סמן את המילים החשודותהוא מציע הצעות לתיקונן. ניתן להשתמש בו עם מספר שפות והוא שימושי מאוד אם אתם כותבים תיעוד או טקסט גלוי למשתמש בתוך הקוד.
עדשת שגיאה
VS Code כבר מציג שגיאות ואזהרות, אבל לפעמים הן לא מורגשות. עדשת שגיאה הופכת אותם לבלתי אפשריים להתעלמות הצגת מידע האבחון ישירות ליד השורה המושפעת ובשוליים של העורך.
במבט חטוף תראו היכן שגיאות מרוכזות בקובץמבלי לפתוח את לוח הבעיות. בפרויקטים גדולים עם הרבה כלי ניתוח ומידע, זוהי עזרה עצומה להבטיח ששום דבר לא יישכח.
רץ קוד
אם אתה אוהב לנסות קטעי קוד קטנים מבלי להרכיב פרויקט שלםCode Runner הוא תוכנה מאוד פרקטית. היא מאפשרת לך להריץ קוד משפות מרובות (JavaScript, Python, C, C++, Java, PHP ועוד) ישירות מהעורך.
ניתן להפעיל את הקובץ הנוכחי או רק את הבלוק שנבחר, צפה בפלט בפאנל משולב או במסוף VS Code עצמו, ולהתאים אישית את הפקודות המשמשות עבור כל שפה.
אינטליגנציה של נתיב
כשעובדים עם הרבה נכסים, ייבוא ונתיבים יחסיים, כתיבה ידנית היא טעות מובטחת. Path של Intellisense משלים אוטומטית נתיבי קבצים ותיקיות בעת כתיבת מחרוזות עם נתיבים.
עובד על ייבוא JavaScript/TypeScript, הפניות CSS, נתיבי תמונות HTML ובאופן כללי בכל הקשר שבו VS Code מזהה שאתה מקליד מסלול. זה חוסך זמן ומונע שגיאות כתיב מעצבנות.
vscode-icons, ערכת נושא Material Icon וחבילות אייקונים אחרות
אייקונים הם לא רק עניין של אסתטיקה. ערכת אייקונים טובה מאפשרת לך לזהות באופן מיידי את סוג הקובץ. רק על ידי הסתכלות בדפדפן.
vscode-icons, ערכת נושא של אייקונים חומריים, אייקונים מעולים של VSCode או ערכות נושא ספציפיות כמו אייקונים פשוטים יותר של VSCode עם Angular הם מספקים אייקונים מותאמים אישית עבור שפות, מסגרות וקבצי תצורה (Angular, Docker, env וכו').
בחירה בין האחד לשני היא עניין של טעם, אבל כל אחד מהם משפר משמעותית את קריאות עץ הקבציםבמיוחד בפרויקטים של יחידה בודדת או גדולים.
GitLens
GitLens הוא כנראה ההרחבה החזקה ביותר לעבודה עם Git מ-VS Codeזה לוקח את בקרת הגרסאות לרמה אחרת על ידי שילוב מלא של ההיסטוריה בתוך העורך.
מאפשר לך לראות מי שינה כל שורה ומתי (האשמה), היסטוריית הקובץ, השוואת גרסאות, סיור בענפים ותגיותועוד הרבה יותר. הוא גם מציג הערות הקשריות בקוד עם מידע על ה-commit האחרון.
אם אתם עובדים בצוות, זה נפלא להבין הסיבות לשינויים מסוימים, סקירת רגרסיות וביצוע סקירת קוד בלי לעזוב את העורך.
לחיות לשתף
לתכנות זוגי או חונכות מרחוק, שיתוף חי הוא אחד הדברים הכי טובים שיש.זה מאפשר לך לשתף את סשן VS Code שלך עם אדם אחר בזמן אמת.
שניכם יכולים עריכת אותו קובץ, ניפוי באגים יחד, שיתוף טרמינלים ושרתים מקומיים ואפילו לפתוח צ'אט משולב. זה מושלם לפתרון בעיות באגים מורכבים או ללימוד מישהו כיצד לעבוד על פרויקט ספציפי.
הרחבות ספציפיות עבור JavaScript ו-TypeScript
המערכת האקולוגית של JavaScript ו-TypeScript היא אחת המערכות האקולוגיות המפונקות ביותר על ידי VS Code. אם אתם עובדים בפיתוח Frontend, Backend עם Node, או Full Stack, הרחבות אלו יחסכו לכם שעות רבות..
קטעי קוד JavaScript (ES6)
לכתוב את אותם מבנים שוב ושוב זה קשה. קטעי קוד של JavaScript (ES6) מוסיפים המון קטעי קוד לתחביר מודרני מ-JS ו-TS.
בעזרת קיצורים קצרים ניתן ליצור פונקציות חץ, מחלקות, ייבוא, console.log, מבני לולאה ועוד הרבה יותר. זה אידיאלי לשינון פחות והקלדה מהירה יותר.
npm Intellisense והרחבת npm
כשעובדים עם הרבה חבילות, לזכור שמות מדויקים זה לא הכי כיף. npm Intellisense משלים אוטומטית את שמות המודולים המותקנים ביבוא ובדרישות שלך.
בינתיים, התוסף הרשמי של npm עבור VS Code משתלב עם שלך package.json כדי לרשום ולהפעיל סקריפטים בלחיצה אחת, צפה בתלות ונהל משימות שגרתיות מבלי לפתוח את הטרמינל.
עלות יבוא
גודל החבילה בחזית הדף משנה מאוד. עלות ייבוא מחשבת את הגודל המשוער של כל ייבוא ומציג אותו ליד השורה המתאימה.
כך תדעו באופן מיידי אם אתם מביאים ספרייה ענקית למשהו טריוויאלי, ותוכלו להעריך שינויים כמו השתמש בייבוא חלקי, טעינה עצלה או חלופות קלות יותר.
Quokka.js
Quokka.js מתפקד כ- פנקס רשימות אינטראקטיבי עבור JavaScript ו-TypeScript בתוך קוד VS. הוא מבצע קוד תוך כדי כתיבתו ומציג תוצאות וערכי משתנים בהערות מוטבעות.
זה מושלם עבור לבדוק רעיונות מהירים, להבין ממשקי API חדשים או לאתר באגים בפונקציות קטנות מבלי לבנות פרויקט שלם מאפס. יש לו גרסה חינמית עם תכונות שימושיות מאוד וגרסה בתשלום עם תוספות.
קטעי קוד וקטעי קוד פשוטים של React עבור ES7 React/Redux/GraphQL/React-Native
אם אתם עובדים עם המערכת האקולוגית של React, שני ההרחבות האלה הן זהב טהור. קטעי קוד של ES7 React/Redux/GraphQL/React-Native מציעים קטעי קוד עבור רכיבים, ווים, Redux, GraphQL ו-React Nativeמכסה כמעט את כל הדפוסים הנפוצים.
לעומת זאת, Simple React Snippets מתמקד ב קבוצה קטנה יותר של קטעי טקסט עבור React מודרני (רכיבים פונקציונליים, ייבוא בסיסי וכו'), אידיאלי אם אתם רוצים משהו פחות מכריע אך פרודוקטיבי באותה מידה.
ג'אווהסקריפט ו-TypeScript מדי לילה
אם אתם רוצים להישאר מעודכנים בשפה, JavaScript ו-TypeScript Nightly מעניקים לך גישה לגרסת ה-nightly של שרת שפת TypeScript. שמשתמש בקוד VS.
משמעות הדבר היא תכונות חדשות, שיפורי ביצועים ותיקוני באגים לפני שהם מגיעים לגרסה היציבה - אידיאלי עבור בדיקת תכונות שפה חדשות וזיהוי שינויים עתידיים שיכול להשפיע על הקוד שלך.
הרחבות פייתון
קוד VS, עם הסיומות הנכונות, הופך ל- IDE של פייתון מהשורה הראשונהאם אתם עוסקים בפיתוח backend, מדעי נתונים או אוטומציה עם שפה זו, אלה כמעט חובה.
פייתון (הרחבה רשמית)
ההרחבה הרשמית של פייתון של מיקרוסופט היא אבן הפינה לעבודה עם שפה זו ב-VS Codeבלעדיו, התמיכה מוגבלת מאוד.
מספק IntelliSense, ניפוי שגיאות, בדיקות, אינטגרציה עם סביבות וירטואליות, עיצוב קוד (Black, autopep8), יצירת קוד באמצעות Pylint או Flake8 ותפקודים חיוניים רבים אחרים.
פילנס
פילנס הוא ה- שרת שפות מתקדם עבור פייתון מה שמשפר עוד יותר את ההרחבה הרשמית. היא מספקת ניתוח סטטי מהיר, השלמה אוטומטית משופרת ובדיקת סוג מפורטת מאוד.
אם אתם משתמשים בהערות סוג או רוצים לזהות שגיאות לפני הרצת הקוד, Pylance משפר מאוד את חוויית הפיתוח. בפרויקטים בינוניים וגדולים.
יופיטר
ההרחבה של Jupyter משלבת מחברות .ipynb ישירות בקוד VSניתן ליצור, לפתוח ולהפעיל תאים בדיוק כמו ב-Jupyter הקלאסי, אבל מהעורך.
זה שימושי במיוחד עבור ניתוח נתונים, למידת מכונה, ויזואליזציה ואב טיפוס מהיר, המשלב את הטוב ביותר של מחברות עם היתרונות של עורך מלא.
מחולל תיעוד של פייתון
תיעוד פנימי בפייתון נמצא בדרך כלל ב-docstrings. מחולל ה-Python Docstring יוצר אוטומטית את השלד של ה-docstring עבור פונקציות, מחלקות ומתודות.
כאשר מקלידים את מרכאות הפתיחה, ההרחבה יוצרת שדות לתיאור, פרמטרים וערך מוחזר בהתבסס על חתימת הפונקציה, שמעודדת קוד מתועד היטב מבלי להיות מטלה כזו.
הרחבות PHP ותוספי backend
PHP נשאר עמוד תווך ב-web backend, ו-VS Code יש מערכת אקולוגית בוגרת מאוד של הרחבות עבור שפה זו.
PHP IntelliSense ו-Intelephense
PHP IntelliSense היה אחד מהרחבות ההשלמה האוטומטית הרציניות הראשונות עבור PHP. הוא מציע הצעות לפונקציות, מחלקות, מתודות, מרחבי שמות ומשתנים, בנוסף לניווט בסיסי להגדרות.
PHP Intelephense הולך צעד אחד קדימה: ניתוח מהיר ומעמיק מאוד, רפקטורינג, מחקר הפניות, תמיכה מעודכנת עבור PHP 7 ו-8 ועוד. אפילו הגרסה החינמית כבר עולה בביצועיה על רוב האלטרנטיבות.
חוסם מסמכים של PHP
כדי לשמור על תיעוד תקין בפרויקטים גדולים, PHP DocBlocker יוצר הערות DocBlock complete עבור פונקציות, מתודות, מחלקות ומאפיינים.
בכתב / ** בפונקציה, היא ממלאת אוטומטית את הפרמטרים ואת סוג ההחזרה, מה שמעודד תיעוד נכון של ממשקי API פנימיים וציבוריים.
מלחין
Composer הוא הסטנדרט לניהול תלויות ב-PHP. ההרחבה המתאימה משתלבת עם VS Code עבור הפעלת פקודות נפוצות (התקנה, עדכון, דרישה) מהלוח, בנוסף להצעת השלמה אוטומטית והדגשה ב המלחין.json.
זה הופך את זה להרבה יותר נוח ניהול ספריות, מסגרות וסקריפטים בלי לעבור כל הזמן בין העורך לטרמינל.
איתור באגים ב- PHP
ניפוי באגים ב-PHP באמצעות var_dump יש את הקסם שלו עד נקודה מסוימת. PHP Debug מוסיף ניפוי באגים מלא המבוסס על Xdebug. בתוך קוד VS.
איתו אתה יכול הגדרת נקודות עצירה, בדיקת משתנים, מעבר על הקוד בצעדים ולנתח את מחסנית הקריאות. ההגדרה הראשונית דורשת קצת זהירות, אך לאחר ההגדרה, זהו כלי חיוני.
הרחבות עבור HTML, CSS ופיתוח Frontend
אם אתם עובדים בצד הוויזואלי של האינטרנט, ישנם מספר הרחבות ש... הם הופכים את VS Code לסביבה נוחה במיוחד לפריסה ועיצוב..
שרת חי
שרת חי מעלה שרת פיתוח מקומי עם טעינה אוטומטיתלחיצה על "העלה לאוויר" פותחת את האתר שלך בדפדפן ומרעננת את הדף בכל פעם שאתה שומר קובץ.
זה אידיאלי עבור HTML טהור, יצירת אב טיפוס מהירה, פריסה סטטית ופרויקטים פשוטים של Front-endשבו ראיית השינויים באופן מיידי עושה את כל ההבדל.
תמיכה ב-HTML ו-CSS
תוסף זה משפר את האינטגרציה בין HTML ו-CSS. הוא מציע השלמה אוטומטית חכמה של מחלקות ומזהים המוגדרים בגיליונות הסגנונות שלך. כשכותבים HTML, ולהיפך.
זה גם מציע מאפייני CSS (כולל קידומות ספקים) ועובד נפלא בשילוב עם Emmet, מה שמאיץ מאוד את זרימת העבודה של הפריסה.
IntelliSense עבור שמות מחלקות CSS ו-Tailwind CSS IntelliSense
IntelliSense עבור שמות מחלקות CSS מנתח את קבצי ה-CSS, SCSS או Less שלך כדי הצע השלמה אוטומטית של שמות מחלקות ב-HTMLזה שימושי במיוחד כאשר ישנן כלי עזר או מחלקות עם שמות ארוכים.
אם אתם משתמשים ב-Tailwind, Tailwind CSS IntelliSense הולך צעד קדימה, ומספק השלמה אוטומטית, חיבור ותיעוד מוטבע ספציפיים לכלי שירות Tailwind, משהו כמעט חובה כדי לעבוד בנוחות עם המסגרת הזו.
CSS Peek ו-CSS Lint
CSS Peek מאפשר לך צפייה מהירה ומעבר להגדרת CSS של מחלקה או מזהה מה-HTML, בחלון קופץ או על ידי פתיחת הקובץ המתאים.
CSS Lint משמש כ-linter עבור גיליונות סגנון, שגיאות סימון או דפוסים בעייתיים (מאפיינים כפולים, כללים לא יעילים וכו'), ועוזרים לשמור על CSS נקי וקלים יותר לתחזוקה.
שינוי שם אוטומטי של תג והדגשת תג התאמה
שינוי שם אוטומטי של תג מטפל במשהו פשוט ושימושי כאחד: כאשר משנים את תג הפתיחה של אלמנט HTML או XML, זה מעדכן את תג הסוגר. באופן אוטומטי כדי שלא יהפכו ללא מסונכרנים.
הדגשים של תגיות תואמות זוג הפתיחה/הסוגר של התגית שבה נמצא הסמןזה מאוד פרקטי במסמכים גדולים או כאלה עם מבנים מקוננים מאוד.
תצוגה מקדימה של תמונה, אופטימיזציית תמונה והדגשת צבע
תצוגה מקדימה של התמונה תמונה ממוזערת של התמונה שאליה מתייחסים במסלול על ידי העברת הסמן מעליו או בשוליים, מה שעוזר לוודא שהנתיבים נכונים מבלי לפתוח את הקובץ בנפרד.
אופטימיזציית תמונות מאפשרת דחיסת תמונות (עם או בלי אובדן נתונים) מתוך העורך עצמו, ומשאיר את הנכסים שלך מוכנים לייצור מבלי להשתמש בכלים חיצוניים.
הדגשת צבע מדגישה את קודי צבע (הקסדצימליים, RGB, HSL וכו') עם צבעם האמיתי כרקע או קו תחתון, מה שמקל הרבה יותר על עבודה עם פלטות צבעים מורכבות.
הרחבות פרודוקטיביות נוספות, עיצוב והתאמה אישית
בנוסף לכלי הפיתוח הטהורים, ישנם לא מעט הרחבות שנועדו עבור כדי להפוך את חיי היומיום שלך לנוחים יותר ואת העורך שלך נעים יותר לעין.
ערכות נושא עבור VS Code
ערכות נושא משפיעות ישירות על נוחות הראייה שלך. חלק מהפופולריות והמומלצות ביותר הן: גוונים של סגול, נושא חומרי, ינשוף לילה, אופק, נוקטיס או מונוקאי שטוחים.
לכל אחד יש אישיות משלו: סכמות כהות בהירות, פלטות צבעים שנועדו להפחית מאמץ בעיניים, וריאציות בהירות וכהות, או אפילו ערכות נושא מונוכרום לחלוטין למי שרוצה אפס הסחות דעת.
טווס
כשפותחים כמה פרויקטים בו זמנית, קל להתבלבל. Peacock מאפשר לך לשנות את צבע המבטא של חלון VS Code לכל פרויקטכך שבמבט חטוף תוכלו לראות אם אתם עורכים את ה-backend, את ה-frontend או מיקרו-שירות ספציפי.
זוהי הרחבה פשוטה אך שימושית להפליא אם בדרך כלל יש לך כמה סביבות עבודה פתוחות בו זמנית..
קשת בענן כניסה וסוגריים של קשת בענן
צבעי הקשת הזחה עמודות הזחה עם גוונים שונים, המסייעים לראות את מבנה הקוד ללא מאמץ.
Rainbow Brackets עושה משהו דומה עם סוגריים, סוגריים מרובעים וסוגריים קשקשיםהקצאת צבע שונה לכל רמת קינון. בין השניים, איתור סוגריים חסרים או בלוק עם הזחה גרועה הופך להיות הרבה יותר קל.
עץ טודו
אם אתם משתמשים בתגובות כמו TODO, FIXME או BUG, Todo Tree סורק את סביבת העבודה שלך ויוצר לוח מחוונים עם כל ההערות הללו מאורגן בצורת עץ.
משם אתה יכול נווט ישירות לכל נקודה בקוד כאשר יש משימות ממתינות או בעיות מסומנות, הפיכת רשימות ה-TODO למעין מנהל משימות מיני המקושר למאגר.
GitHub Copilot, Tabnine ו-ChatGPT/AI
כלי השלמה אוטומטית מבוססי בינה מלאכותית עשו כניסה חזקה. GitHub Copilot ו-Tabnine מציעים שורות או בלוקים שלמים של קוד בהתבסס על ההקשר, בדיקות קודמות או הערות.
הרחבות המשלבות ChatGPT או מודלים דומים ב-VS Code מאפשרות בקשת הסברים בקוד, שיפוץ פונקציות או יצירת בדיקות מבלי לצאת מהעורך. הם דורשים מפתחות API, אבל כטייס משנה לפיתוח הם חזקים מאוד אם משתמשים בהם בתבונה.
Markdown הכל באחד ותצוגה מקדימה משופרת של Markdown
אם אתם מתעדים פרויקטים או כותבים פוסטים טכניים, Markdown All in One מוסיף קיצורי דרך, תצוגה מקדימה משופרת, יצירת אינדקס ונוחות נוספת לעבוד עם מארקדאון.
בשילוב עם הרחבות תצוגה מקדימה בסגנון GitHub, תקבלו חווית כתיבה קרובה מאוד לאופן שבו ייראו קבצי ה-README או המאמרים שלך מאוחר יותר באינטרנט
Docker, SSH מרוחק ו-WSL מרוחק
בסביבות מקצועיות, מקובל מאוד לעבוד עם מכולות או מכונות מרוחקות. התוסף הרשמי של Docker מאפשר לך לנהל תמונות, מכולות, רשתות ואמצעי אחסון. מסרגל הצד, בנוסף להקלת ניפוי שגיאות בתוך מכולות.
SSH מרוחק ו-WSL מרוחק מאפשרים לך פתיחת תיקיות מרוחקות או סביבות לינוקס (WSL) כאילו היו פרויקטים מקומיים, ביצוע פקודות וניפוי שגיאות ממש שם, אבל עם הנוחות של ממשק VS Code.
עם כל ההרחבות הללו שנבחרו ותצורתן בקפידה, Visual Studio Code הופך מעורך קל משקל ופשוט ל... סביבת פיתוח מותאמת אישית, המותאמת ל-stack שלך, לשיטת העבודה שלך ולפרויקטים שלך.מציאת האיזון בין אי העמסה יתרה לבין החזקת הכלים הדרושים היא המפתח להשגת מהירות, נוחות ואיכות בתכנות היומיומי שלך.
