אשכול ההמלצות לתוספים מועילים טריקים וקיצורי מקשים לעורך VS Code

הנושא בפורום 'קהילת מפתחי אתרי אינטרט' פורסם ע"י trew, ‏8/5/18.

תגיות:
  1. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
    למי שלא מכיר מיקרוסופט מפתחת בקוד פתוח ולכל הפלטפורמות עורך טקסט העונה לשם VS Code (לינק)
    בחלק הטכני מדובר על עורך שמתבסס על node.js ומפותח במחזורי שיחרור קצרים של חודש (לינק)

    העורך עשיר בתוספים ופיצ'רים החל מתמיכה בשפות תכנות שונות וכלה באינטגרציה למערכות ניהול גירסאות Docker ו CI/CD.

    אלו פיצרים/טריקים/תוספים/קיצורי מקשים מצאתם שיעילים במיוחד ומאיצים את העבודה שלכם?


    2 הסנט שלי כרגע זה הלינק הבא
    https://vscodecandothat.com/

    בין יתר הדברים שיש שם זה תצוגה מקדימה של emmet
    emmet preview.gif

    CSS Preview
    css preview.gif

    משהו נחמד נוסף שהתווסף בגרסה האחרונה זה border select
    shift + alt + גרירה של העכבר
    editor-column-select.gif
     
    נערך לאחרונה ב: ‏8/5/18
    ורד69, mend, Aharono ו-2 משתמשים נוספים אוהבים את זה.
  2. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
    ורד69, mend, מ.ש. ו-2 משתמשים נוספים אוהבים את זה.
  3. מ.ש.

    מ.ש. משתמש מקצוען פיתוח / אפיון / עיצוב אתרים

    הצטרף:
    ‏22/10/17
    הודעות:
    147
    תודות :
    221
    נקודות:
    59
    להיפטר מהגלילה באופקית-
    גלילה אופקית עלולה לעייף לפעמים, במיוחד אם הקובץ מכיל שורות באורך לא סביר

    אפשר להיפטר מהגלילה בפשטות, Alt+Z

    קישור לטיפים, תוספים וקיצורי דרך
    קישור לרשימת תוספים
     
    mend ו-trew אוהבים את זה.
  4. שג שג

    שג שג משתמש חדש

    הצטרף:
    ‏21/12/16
    הודעות:
    12
    תודות :
    12
    נקודות:
    4
     
  5. שג שג

    שג שג משתמש חדש

    הצטרף:
    ‏21/12/16
    הודעות:
    12
    תודות :
    12
    נקודות:
    4
    GitLens — Git supercharg

    תוסף תותח למי שעובד עם GIT
     
    mend ו-trew אוהבים את זה.
  6. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
    אומנם שלחתי תודה אחת אבל היא אחת כבדה :-)
    עד היום השתמשתי בתוסף אחר שנותן annotations לקוד
    התוסף ששלחת נראה מעולה!
    מקווה שהטקסט בצד לא יעצבן בעיניים, נעבוד נראה איך איתו.
    מן הסתם הכל ניתן להגדרה.
     
  7. Aharono

    Aharono משתמש מקצוען פיתוח / אפיון / עיצוב אתרים

    הצטרף:
    ‏12/1/18
    הודעות:
    104
    תודות :
    115
    נקודות:
    59
    תוסף שאני משתמש בו דיי הרבה:
    LiveServer - קרה לכם פעם שרציתם לבדוק\לערוך\לבנות עמוד\י HTML או js בלי לשבור את הראש עם שרתים ושאר כאבי ראש? LiveServer הינו תוסף של vs code שמאפשר להריץ שרת שמציג את מה שנמצא כרגע בVS כאתר אינטרנט. ראוי לציין שהדפדפן מתעדכן אוטומטי עם שינוי שאתם עורכים, נח מאוד, ממליץ בחום:
    https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

    * ישנה גירסה גם כן שתומכת ב php, עם קצת יותר כאב ראש.
     
    trew אוהב/ת את זה.
  8. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
  9. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
  10. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
  11. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89
    גרסה חדשה תכונה חדשה: breadcrumbs
    פשוט לאפשר את זה תחת view >> breadcrumbs
    [​IMG]

    To interact with breadcrumbs, use the Focus Breadcrumbs command or press Ctrl+Shift+.. It will select that last element and open a dropdown that allows you to navigate to a sibling file or symbol. Use the Left and Right keyboard shortcuts to go to elements before or after the current element. When the dropdown appears, simply start typing - all matching elements will be highlighted and the best match will be selected for quick navigation.​
     
    עילום אוהב/ת את זה.
  12. trew

    trew תלת מימד איור וציור מקצועי פיתוח / אפיון / עיצוב אתרים עיצוב גרפי הדמיות בתלת מימד

    הצטרף:
    ‏23/2/10
    הודעות:
    8,339
    תודות :
    35
    נקודות:
    89