آموزش vs code رایگان جامع ترین دوره آموزش وی اس کد دانشجویار

تجربه‌ی برنامه نویسی با VُS Code به قدری سریع، آسان و لذت بخش است که حاضر نیستید به ویرایشگر دیگری فکر کنید. ممکن است کاربران مختلفی بر روی سیستم یکسانی کار کنند. این افراد می‌توانند برای خود پروفایل‌های کاربری تعریف کرده و هر کدام تنظیمات مورد نظر خود را بر روی VS Code پیکربندی کنند. با پیاده‌سازی صحیح این تنظیمات محیط کار، کیفیت و سرعت عملکرد توسعه‌دهندگان افزایش پیدا می‌کند.

در زمان بررسی تعارضات بین کدها، VS Code، ویرایشگر مجازی را برای ادغام کدها باز می‌کند. این ویرایشگر مجازی برای برطرف کردن خطوط متعارض به برنامه نویس کمک می‌کند. کد مربوط به تنظیم Auto Stash  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Autofetch  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. گیت، سیستم کنترل نسخه متن‌بازی است که به توسعه‌دهندگان برای مدیریت و اشتراک‌گذاری تغییرات در کدهای منبع کمک می‌کند.

شما با موفقیت ویرایشگر متن خود را تنظیم کرده و آماده ایجاد وب سایت در رایانه خود هستید. فایل خود را غالباً با ویژگی ذخیره خودکار ذخیره کرده و اگر می دانید چگونه از آن استفاده می کنید، تغییرات را با سیستم کنترل نسخه پیگیری کنید. در زیر مراحلی وجود دارد که باید برای ایجاد یک پوشه جدید برای همه پروژه های برنامه نویسی خود دنبال کنید. شما همچنین یاد خواهید گرفت که چگونه یک پوشه پروژه جدید را در Visual Studio Code بسازید و اولین پروژه HTML با جمله “Hello world” را بسازید.

همین‌طور که در بخش ویرایش کدها اسکرول ثابت داشتیم، برای این قسمت هم می‌توانیم اسکرول ثابت تعریف کنیم. با کمک این نوع از اسکرول، مسیریابی فایل‌ها و فولدر‌ها در درخت فایل بسیار ساده‌تر انجام می‌شود. اسکرول ثابت درخت فایل، سلسله مراتب مربوط به قرار گرفتن فایل‌ها و فولدر‌ها درون یکدیگر را به وضوح نمایش می‌دهد. کد مربوط به این تنظیم در فایل «Settings.json» باید به شکل زیر نوشته شود. با کمک این تنظیم می‌توانیم فونت مورد استفاده در ویرایشگر کد را تغییر دهیم.

این تنظیم، اسکرول کردن را به شکل روان‌تری انجام داده و به کاربر برای تشخیص راحت‌تر جهت و مسیر حرکت کمک می‌کند. با استفاده از این تنظیم می‌توانیم تعیین کنیم که آیا کرسر چشمک بزند یا نه. همچنین انیمیشن مورد استفاده برای چشمک زدن هم قابل انتخاب است. این مسئله در رابط کابری شاید زیاد به چشم نیاید اما به‌هرحال بعضی از برنامه نویسان علاقه‌دارند که مدل چشم زدن کرسر را تغییر دهند. با اعمال تغییرات مختلف می‌توانید ظاهر مورد علاقه خود را انتخاب کنید.

فایل HTML خود را در مرورگر مشاهده کنید

فایل .exe را با کلیک روی آن و نصب برنامه را باز کنید. روی “بعدی” کلیک کنید و سپس در نهایت “پایان” را کلیک کنید. آن را در مدیر پرونده خود پیدا کنید، دوبار کلیک کنید و “نصب” را انتخاب کنید. مطمئن شوید که برنامه Visual Studio Code خود را در مکانی ذخیره کرده اید که می دانید به راحتی می توانید آن را پیدا کنید.

تنظیم Autofetch به توسعه‌دهندگان برای بررسی به‌روزبودن مخزن محلی کمک می‌کند. در نتیجه دیگر برنامه نویسان مجبور نیستند عمل واکشی را به صورت دستی انجام دهند. برای فعال کردن این تنظیم ابتدا وارد محیط گرافیکی تنظیمات شوید.

سرچ بزنید راهنمای کامل رو میاره.اما در کل براساس تجربه توصیه میکنم که به پایچارم کوچ کنید و زمان باارزشتون رو تلف نکنید. سلاماین مشکل اصلا عادی نیست.برنامه رو به طور کامل پاک کنید و مجددا سورسش رو از سایت‌های معتبر دانلود و نصب کنید. همانطور که می‌بینید، در این بخش باید تنظیمات کلی ویژوال استودیو را مشخص کنید. مهمترین نکته قبل از شروع استایل دهی این است که فایل CSS را جدا بسازید و از CSS های درون خطی استفاده نکنید چون سرعت لود شدن صفحه شما را کاهش می‌دهد. فایل CSS ساخته شده را از طریق تگ link به فایل HTML معرفی می‌کنیم که بایستی در قسمت Head نوشته شود.

لینک مربوط به این فیلم را در پایین نیز قرار داده‌ایم. Indent  را پیدا کرده و مقدار آن را بر روی 11  تنظیم کنید. البته این مقدار سلیقه‌ای است و می‌توانید بیشتر یا کمتر هم بکنید. سپس در بخش «Workbench» به قسمت Editor  رفته و مقدار Pinned Tabs On Separate Row  را بر روی true  تنظیم کنید. سپس در بخش «Editor» مقدار گزینه Smooth Scrolling  را بر روی true  تنظیم می‌کنیم.

همچنین نکات مهمی نیز برای را برای داشتن یک وب سایت موفق ارائه دادیم. در حال حاضر لازمه موفقیت هر کسب و کاری داشتن یک وب‌سایت زیبا و کاربردی است. ویژوال استودیو به عنوان ابزاری قدرتمند و منعطف، به شما این امکان را داده تا وب سایت‌های زیبا و کاربرپسند را طراحی کنید. همچنین برخی از تنظیمات برگزیده را باید تغییر دهید تا برنامه بتواند فایل‌ها را به درستی ذخیره کند. برای این کار روی Preferences کلیک کنید و سپس روی Format بزنید و Plain Text را انتخاب کنید. همانطور که در بالا گفتیم، خروجی و نمایش کدها در مرورگر ربطی به نرم‌افزار مورد استفاده شده ندارد و فقط بخاطر راحتی کد نویسی، از VSCode استفاده می‌شود.

از آنجا که هنوز آن را ذخیره نکرده‌ایم و هیچ پسوندی هم به نام آن اختصاص داده نشده است، ویرایشگر کد VS Code نمی‌تواند نوع فایل و زبان کدهای نوشته شده در آن را تشخیص دهد. بنابراین امکان فراهم کردن خدماتی مانند هایلایت‌کردن سینتکس، تکمیل خودکار کدها و غیره هم وجود ندارد. به عنوان توسعه‌دهنده می‌توانیم زبان پیش‌فرضی را برای تب‌های جدید تعریف کنیم. بنابراین تب‌های جدید باز شده و هنوز ذخیره نشده‌ هم می‌‌توانند از ابزارهای کاربردی ویژوال استودیو کد برای زبان مورد نظر استفاده کنند. کد مربوط به تنظیم Format On Save  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود.

آموزش‌ اصول تئوری و عملی برنامه نویسی نیازمند صرف هزینه و زمان زیادی است. ویژوال استودیو کد، ادیتور بسیار جالبی است که تنظیمات بسیار زیادی دارد. معمولا در طول زمان، تنظیمات جدید‌ی هم به آن اضافه می‌شوند. اگر مستندات منتشر شده این نرم‌افزار را مطالعه نکنیم، ممکن است که از بعضی تنظیمات جدید بی‌خبر بمانیم.

آموزش HTML‌ با Visual Studio Code – مجموعه مقالات و آموزش ها

در این کد، با فراخوانی نام کلاس یک رویداد کلیک لیستنر ساخته شده که وقتی مخاطب روی دکمه کلیک کند، Alert با متنی که تعیین کرده اید نمایش داده خواهد شد. هر فایلی که ایجاد می‌شود در حقیقت باید یک پسوند داشته باشد. کلیه حقوق مادی و معنوی دوره ها متعلق به وبسایت آموزشی دانشجویار می باشد. این ویرایشگر دارای ویژگی‌های پیشرفته‌ای است که به کاربران، امکاناتی کاربردی را ارائه می‌دهد. برچسب‌زنی خودکار، دیباگر زنده و واحد کنترل نسخه، تنها برخی از امکاناتی هستند که در VSCode موجود است.

شروع به کدگذاری کنید

علاوه بر این، به دلیل ماهیت منبع باز وی اس کد، برنامه نویسان مختلف پلاگین‌های متعددی را برای آن توسعه دادند. نتیجه این همکاری، به هزاران افزونه بهینه و کاربردی در مخزن VSCode ختم شده است. در این دوره چه آموزش داده می شود؟ بهبود بهره وری خود را، انجام کارها، و پیدا کردن زمان بیشتری برای … پیش نیاز های این دوره آموزشی … آموزش ویژوال استودیو.

آموزش طراحی وب سایت با ویژوال استودیو 2017

ویژگی «قالب‌بندی کدهای ویرایش شده» به طور خاص در زمان کار با فایل‌های ذخیره شده توسط ابزارهای کنترل نسخه - مانند گیت - کاربرد دارد. با استفاده از تنظیمات بخش قبل، موفق شدیم محیط کار خود را مناسب با سلیقه و به دلخواه خود طراحی کنیم. اکنون زمان اعمال تنظیمات مناسب بر روی فایل‌هایی است که با آن‌ها کار می‌کنیم. استفاده از این تنظیمات هم باعث افزایش سرعت کار شده و هم نظم بیشتری به اجرای پروژه‌ها می‌دهد. کد مربوط به این تنظیم در فایل «Settings.json» مانند کادر زیر نشان داده می‌‌شود.

آموزش ایجاد فایل HTML با Visual Studio Code

بعد از ساخت یک صفحه HTML و نمایش آن در مرورگر، نوبت به ویرایش فایل HTML رسیده است. اگر به هر دلیلی بخواهید کدهای خود را ویرایش کنید، روی فایل HTML راست کلیک کنید و گزینه Open with را بزنید و سپس Notepad را انتخاب کنید. با زدن کلیدهای ترکیبی CTRL + S نیز می‌توانید عملیات ذخیره شدن را انجام دهید. در تصویر متحرک زیر روش کارکرد این تنظیم ویژوال استودیو کد را نمایش داده‌ایم. کد مربوط به این تنظیم در فایل «Settings.json» به شکل زیر نوشته می‌‌شود.

ویژوال استودیو کد یا visual studio code چیست؟

پس ویژوال استودیو کد، یک IDE نیست چرا که همانطور که گفتیم یک IDE برخلاف کد ادیتور، دارای بسیاری از ابزارهای توسعه‌ی نرم‌ افزار است. سپس کدهای HTML را ویرایش کنید و دکمه‌های CTRL + S را برای ذخیره فایل HTML بزنید. همانطور که در ابتدای مقاله بیان کردیم، نرم‌افزارهای زیادی برای ساخت فایل‌های HTML وجود دارند. اما بهترین نرم‌افزار برای ساخت یک فایل HTML، نرم‌افزار VSCode یا ویژوال استودیو کد است.

در تصویر متحرک زیر، بهتر می‌توانید اثر استفاده از این تنظیم را بر روی کدهای زبان Markdown مشاهده کنید. اگر بخواهیم با سرعت تمام تغییرات اعمال شده در بخش تنظیمات را ببینیم باید از فایل «Settings.json» استفاده کنیم. نام فایل جدید را با پسوند فایل مناسب آن تایپ کنید (به عنوان مثال .html ،.css ،.csv). مهم است که پسوند فایل را به درستی وارد کنید، بنابراین برنامه هایی مانند linter ها می دانند که چگونه محتوای آن را تفسیر کنند. قبل از استفاده از ویرایشگر متن، ایجاد یک سیستم فایل سازمان یافته مهم است. هرچه تعداد و اندازه پروژه های شما رشد می کند، مهم تر می شود بدانید که کجا می توانید پروژه های جدید را ذخیره کنید و پروژه های قدیمی را پیدا کنید.

استایل دهی به رابط کاربری با CSS

تمام سربرگ‌ها را می‌توان به سادگی پین کرده یا از حالت پین شده خارج کرد. فقط کافیست که بر روی آن‌ها کلیک کرده و به سمت ردیف پین شده‌ها بکشیم یا از آن ردیف خارج کنیم. اما در صورت استفاده از همگام‌سازی تنظیمات با نسخه‌های قدیمی VS Code - که به مدت زیادی بروز‌رسانی نشده‌اند - ممکن است این تنظیم خاموش بوده باشد. اما بعد از اعمال تنظیم "editor.cursorSmoothCaretAnimation بر روی on حرکت کرسر به شکل زیر می‌شود. همین‌طور که می‌بینید در تصویر بالا، فضاهای خالی ایجاد شده با دکمه «Space» به شکل نقطه و فضاهای خالی ایجاد شده با دکمه تب به شکل فلش کم رنگ دیده می‌شوند.

دروداز منوی بالا تب view میتونید با تیک زدن موارد appearance و editor layout موارد موردنیازتون رو در محیط اضافه کنید. درودنباید با چنین مشکلی مواجه بشید اما بهتره برای اطمینان از vpn استفاده کنید. درودبه این شکل هست که در ترمینال دستور اجرا رو میزنید و در بخش اوت پوت میتونید خروجی رو ببینید. درودبرنامه رو حذف و از سایتهای معتبر مجدد دانلود کنید.

آشنایی با محیط VS Code (مقدمات آموزش VS Code)

با کمک این گزینه، تمام تنظیمات محیط کار ویژوال استودیو کد ذخیره شده و بر روی محیط کاری جدید منتقل می‌شوند. قبل‌ها برای انجام این کار لازم بود که افزونه خاصی را بر روی ویژوال استودیو کد خود نصب کنیم. اما اکنون این ویژگی به شکل درونی داخل VS Code قرار داده شده است. در این مقاله با ویژوال استودیو کد و ویژگی‌های آن آشنا شدیم و تلاش کردیم تا آن را از جنبه‌های مختلف بررسی کنیم. علاوه بر آن، به آموزش کار با نرم افزار ویژوال استودیو کد نیز پرداختیم.

خصوصا در برنامه نویسی که رقابت شدیدی در بسیاری از بخش‌ها وجود دارد. درباره وبکیماآکادمی وبکیما مجموعه ای از آموزش ها و ابزارها و مرجعی برای پاسخگویی به نیازهای دیجیتال مارکتینگ و کسب و کار اینترنتی شماست. تیم وبکیما همیشه در تلاش است تا بهترین دوره های آموزشی، با بالاترین کیفیت و بیشترین بازدهی را برای رشد و رونق کسب و کار اینترنتی شما تولید کند. هدف آکادمی وبکیما رشد و ارتقای تجارت آنلاین و دیجیتال مارکتینگ در ایران به اندازه سهم خویش است.

اما خروجی کار VSCode و Notepad در مرورگر یکسان است و فرقی نمی‌کند با کدام نرم‌افزار برای ساخت صفحه HTML استفاده کرده‌اید. طراحی صفحات وب سرور , asp.net , طراحی وب , دات نت ، آموزش ای اس پی. … ویژوال استودیو شامل بیش از 200 کد میانبر برای C# ، XML ، Html و … می باشد . در مجموعه سورس ایران سعی می کنیم علاوه بر آموزش برنامه نویسی، به مسائل مرتبط و مهارت های نرم بپردازیم تا بعدهای مختلف را پوشش دهیم.

Auto Find In Selection  را پیدا کرده و مقدار آن را بر روی multiline  تنظیم کنید. با کمک این تنظیم می‌‌توانیم رنگ خطوط راهنمای دندانه‌گذاری در درخت فایل را تغییر دهیم. این تکنیک هم یکی دیگر از روش‌های موجود در تنظیمات ویژوال استودیو کد است که به تشخیص راحت‌تر فایل‌ها و فولدر‌های مرتبط با هم در درخت فایل کمک می‌کند.

همچنین می‌توانید مثل یک برنامه نویس حرفه‌ای، از این ابزار برای توسعه و جلو بردن پروژه‌ها استفاده کنید. آموزش html و css اولین قدم برای یادگیری طراحی سایت است. اگر در فکر ورودی قدرتمند به حوزه برنامه نویسی و طراحی وب هستید آموزش html و css پایه کار است. در پایین فهرستی از مفید‌ترین تنظیمات ویژوال استودیو کد را درباره ترمینال ارائه کرده‌ایم. برای مثال، فرض کنیم که توسعه‌دهنده‌ای تمرکز خود را بر روی کار با «PowerShell» گذاشته است.

درود احتمالا به زبان جاوا یا کاتلین نوشتید.کافیه سه خط از کدتون رو اینجا بفرستید تا بتونم کمکتون کنم. دروداز خود microsoft store در ویندوزتون عبارت vscode رو سرچ کنید و برنامه رو نصب کنید. با استفاده از این افزونه‌ی Git Lens می‌توانید بفهمید که خط مورد نظر از کد، توسط چه کسی و در چه تاریخی تغییر کرده است، تاریخچه‌ی کامیت‌ها را بررسی کنید و... تنظیمات مربوط به حساب کاربری در این بخش انجام می‌شود. در این بخش می‌توانید در اسامی فایل‌های پروژه جستجو کنید تا بتوانید اصلاحات موردنظر را روی آن‌ها انجام دهید. اگر این 3 گام را انجام داده باشید، شما یک فایل یا صفحه HTML ایجاد کرده‌اید.

• سپس در بخش «Editor» مقدار گزینه Cursor Blinking  را تغییر دهید.
{
• در غیر این صورت صفحه به صورت ناگهانی به موقعیت جدید می‌پرد.
|}
• استفاده از این تنظیمات هم باعث افزایش سرعت کار شده و هم نظم بیشتری به اجرای پروژه‌ها می‌دهد.
{
• می‌بینید که در ویژوال استودیو کد شاخه‌ی اصلی پروژه باز شده و از آن‌جا می‌توانید به فایل‌های مورد نیاز دسترسی داشته باشید.
|}
• پس در ادامه با دولوپرشو همراه باشید تا با نحوه ساخت سند HTML به‌صورت گام به گام آشنا شوید.
{
• برای استفاده از این نقشه به‌جای نوار اسکرول معمولی، ابتدا وارد محیط گرافیکی تنظیمات شوید.
|}

احتمالا فایلهای نهانی دارید که همچنان بی فایده در سیستم باقی موندند. درودتاجایی که اطلاع دارم خیر اما برای اطمینان با مجموعه تماس بگیرید اگر دوره ای باشه بهتون معرفی میکنند. مشابه با قابلیت بالاست، با این تفاوت که عبارات درون فایل‌ها را جستجو می‌کند. این وب‌سایت یک موتور جستجوگر اینترنتی است و هیچ دخالت انسانی در دریافت و چینش مطالب وجود ندارد. برای دانلود این ویدیو، اپلیکیشن فیلو را از مارکت ها یا بصورت مستقیم نصب کنید.

بیایید یک پروژه بسازیم

اگر رفع نشد به طور مستقیم فایل vsix افزونه رو از انجمن استک دانلود کنید و در بخش extensions ویژوال کدتون ایمپورت کنید. در این بخش تمامی تنظیمات مربوط به محیط کد ادیتور قابل مشاهده و ویرایش است. کلیدهای میانبری که در بخش قبل معرفی کردیم به خاطر دارید؟ با انتخاب گزینه‌ی Keyboard Shortcuts می‌توانید لیست کامل آن‌ها را مشاهده کنید.

طراحی رابط کاربری با HTML

کد مربوط به تنظیم Format On Paste  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Trim Final Newlines  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. با اینکه معمولا لازم است در انتهای فایل‌ها خط خالی قرار بگیرد اما وجود تعداد زیاد خط خالی در انتهای کد باعث بی‌نظمی و بدمنظر شدن فایل می‌‌شود.

بعد از اینکه واکشی داده‌ها با موفقیت انجام شد، تغییرات ذخیره شده بازیابی می‌شوند. ترمینال متصل شده به VS Code، دارای بافری است که برای انجام عملیات «Scrollback» به‌ کار برده می‌شود. Scrollback به معنای برگشتن به داده‌های خروجی دستورات پیشین در ترمینال است.

کد مربوط به تنظیم Cursor Style  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. Enabled  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. بعضی از ساختارها در زبان‌های برنامه نویسی مانند توابع، کلاس‌های برنامه نویسی و Structure-ها را می‌توان به صورت تودرتو تعریف کرد. استفاده از این تنظیم باعث می‌شود که بعد از اسکرول کردن صفحه به پایین نام مربوط به سطوح مختلف این ساختارها به بالای ویرایشگر بچسبد. در این حالت بسیار راحت‌تر می‌توانید بخش‌های تودرتوی کدها را تشخیص دهیم.

ممکن است دموهای تصویری موجود در اینترنت را دیده باشید که بخشی از کد را نشان می‌دهند. بعد از نصب افزونه‌ی Better Align می‌توانید بخش‌های تعریف متغیر، declarationهای مختلف و به طور کلی کدهای نوشته شده در یک فایل را هم‌تراز کنید. این باعث می‌شود تا راحت‌تر بتوانید نظرات و بخش‌های مختلف کد را دنبال کنید. عملیات اجرا و خطایابی (Debug) کد از این بخش انجام می‌شود. برای مثال هنگام اجرای یک کد HTML با استفاده از این بخش می‌توانید مرورگر پیش فرض را گوگل کروم انتخاب کنید. یکی از نکات جالب این است که هنگامی که وارد وب سایت می‌شوید، سایت به طور خودکار تشخیص می‌دهد که با چه سیستم عاملی در حال کار هستید.

دانلود پروژه طراحی سایت

در زمان تغییر و آزمایش تنظیمات مختلف، بهتر است که پنجره مربوط به Settings را در بخش جداگانه‌ای بر روی صفحه کار خود باز کنیم. برای انجام این کار فقط کافی است که بر روی تب باز شده تنظیمات کلیک کرده و آن را به سمت راست ویرایشگر کد بکشیم. البته روش دیگر هم این است که تنظیمات را بر روی پنجره دیگری از ویژوال استودیو کد در مانیتور مجزایی باز کنیم.

شاید حتی لازم شود که فونت مورد نظر خود را به صورت جداگانه بر روی کامپیوتر نصب کنیم. استفاده از این تنظیم در زمان اسکرول کردن عمودی صفحه، باعث نمایش انیمیشن نرم‌تری می‌شود. در غیر این صورت صفحه به صورت ناگهانی به موقعیت جدید می‌پرد.

درود متن دقیق خطایی که میگیرید رو بفرستید تا بتونم کمک تون کنم. من هر کدی رو تو vs می‌نویسم و ران می‌کنم هیچ خروجی به من نمی‌ده حتی پروژه hello world . درودبه این دلیل هست که ماکروسافت پشتیبانی برنامه‌ها رو از ویندوز 8 به بعد ارائه میده. باید تست کنید و اگر نتیجه نداد، با جستجوی vscode for windows 7 از سایتهای دیگه دریافتش کنید.

تنظیمات ویژوال استودیو کد خود را مانند افراد حرفه‌ای پیکر‌بندی کرده و اکنون باید دوره‌های حرفه‌ای‌تری را بگذرانیم. ترکیب تکنولوژی‌های مختلف برای تولید محصولات نرم‌افزاری کاری است که معمولا در دوره‌های آموزشی پروژه‌محور تدریس می‌شوند. فرادرس برای رسیدن به این هدف، مجموعه‌ای نسبتا کامل از فیلم‌های پروژه محور برنامه‌نویسی را آماده کرده است.

فیلم آموزش دانلود و نصب نرم افزار دریم ویور Dreamweaver

می‌توان این نوار ابزار را در جایی محکم و ثابت قرار داد. اما در آن صورت فقط زمانی دیده می‌شود که در حالت «Run And Debug» هستیم. البته می‌توان آن را به «مرکز فرمان» (Command Center) هم انتقال داد. با این روش همیشه می‌توان نوار‌ابزار دیباگ‌ کردن را دید و به آن دسترسی داشت.

پیشنهاد می‌کنیم تعدادی از کد ادیتورهای مشابه Visual Studio Code را دانلود و بررسی کنید تا خودتان متوجه تفاوت‌های بین آنها شوید. دوره آموزش وی اس کد، نحوه کار و استفاده از حداکثر پتانسیل برنامه VSCode را به شما یاد می‌دهد. یادگیری استفاده‌ی صحیح از ابزارهای توسعه، تأثیر چشمگیری در افزایش سرعت، کیفیت و بهره‌وری کار شما خواهد داشت، به‌ویژه در دنیای رقابتی برنامه‌نویسی. با استفاده از تنظیم «Auto Stash»، می‌توانیم به صورت خودکار تغییرات ایجاد شده در کدها را ذخیره کنیم. این ذخیره‌سازی قبل از واکشی داده‌ها از مخزن گیت انجام می‌شود.

ابتدا تمام تنظیمات را با توجه به کارکردشان توضیح داده و سپس روش اعمال تغییر در آن‌ها را نیز بررسی کرده‌ایم. بعد از نصب ویژوال استودیو کد، ابتدا آن را باز کنید و در قسمت بالا سمت چپ روی گزینه File کلیک کنید. اگر قبلا فایل HTML را با نوت پد ساخته باشید، می‌توانید روی گزینه Open File کلیک کنید و کدهای HTML را ویرایش کنید. اما اگر اولین بار می‌خواهید یک فایل HTML ایجاد کنید، باید بعد از File روی گزینه New Text File کلیک کنید. استفاده از این گزینه برای راه‌اندازی تنظیمات ویژوال استودیو کد، به طور خاص در زمان خاموش و روشن کردن کردن کامپیوتر یا استفاده از کامپیوتر جدید، مزیت خود را نشان می‌دهد.

سلام دوست عزیز، لطفا سوال های تخصصی خودتون رو در انجمن برنامه نویسی درسمن مطرح کنید. یسری مورد هم در بخش بهترین افزونه‌ها نام بردیم که پیشنهاد میکنم ازشون استفاده کنید تا کدنویسی براتون راحتتر و جذابتر بشه. اول یدور حذف نصب و نصب مجدد کنید و ویژوال رو باز و بسته کنید تا اعمال بشه و بعد چک کنید. البته در این حالت که رو cmd اجرا میگیرید، شاید بد نباشه live serve رو مستقیم همونجا نصب کنید.