کد نویسی html درvisual studio code، آموزش html در vscode

اما در این مطلب - با هدف نمایش داده شدن کد در فایل JSON - آن را بر روی expand  تنظیم کردیم. سپس در بخش «Terminal» گزینه Integrated  را پیدا کرده و مقدار Profiles. البته برای ویرایش این تنظیم باید ترمینال مورد نظر خود را به شکل مستقیم درون فایل «Settings.json» وارد کنیم. سپس در بخش «Workbench» گزینه Color Customizations  را پیدا کنید. مقدار مربوط به این تنظیم را باید در فایل «Settings.json» به صورت دستی تنظیم کرد. ویژوال استودیو کد یا به اختصار VS Code، یک ویرایشگر کد رایگان از مایکروسافت است که به دلیل کاربرپسند بودن و پشتیبانی از انواع زبان‌های برنامه‌نویسی محبوبیت زیادی پیدا کرده است.

Scrollback به معنای برگشتن به داده‌های خروجی دستورات پیشین در ترمینال است. این بافر برای ذخیره‌سازی داده‌های خروجی به کار برده می‌‌شود. بافر Scrollback به صورت پیش‌فرض برای ذخیره‌سازی خط متن تنظیم شده است. با استفاده از تنظیم Scrollback می‌توانیم تعداد خط ذخیره شده در بافر را افزایش دهیم. زیرا وقتی توسعه‌دهنده‌ای، چند خط را انتخاب می‌کند، معمولا تصمیم دارد که جست‌وجو دقیقا درون آن خطوط انجام شود. به صورت پیش‌فرض، Activity bar در کنار و موازی با نوار کناری قرار می‌گیرد.

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

علاوه بر این، با استفاده از افزونه‌های موجود، می‌توانید آن را به دلخواه خود گسترش دهید و قابلیت‌های جدیدی به آن اضافه کنید. حتی امکان کدنویسی به زبان‌هایی که به صورت عادی، در محیط Visual Studio Code  قابل استفاده نیستند نیز وجود دارد. همین موضوع، اهمیت یادگیری و شرکت در یک دوره آموزش vs code را توجیه می‌کند. ویژوال استودیو کد، اتم (Atom) و Sublime Text از محبوب‌ترین‌های کد ادیتورها هستند و ما در این مقاله به آموزش کار با نرم افزار ویژوال استودیو کد می‌پردازیم. سپس در بخش «Workbench» به قسمت Editor  رفته و مقدار Pinned Tabs On Separate Row  را بر روی true  تنظیم کنید.

تنظیمات مربوط به رابط کاربری در VS Code

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

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

برای اعمال این تنظیم، ابتدا وارد محیط گرافیکی Setting شوید. سپس در بخش «Workbench» به قسمت Editor رفته و مقدار Pinned Tab Sizing  را بر روی shrink  تنظیم کنید. در زمان تغییر و آزمایش تنظیمات مختلف، بهتر است که پنجره مربوط به Settings را در بخش جداگانه‌ای بر روی صفحه کار خود باز کنیم. برای انجام این کار فقط کافی است که بر روی تب باز شده تنظیمات کلیک کرده و آن را به سمت راست ویرایشگر کد بکشیم.

امکانات تکمیل کد به صورت خودکار (Auto-Code Complete) در اکثر برنامه‌های ویرایشگر کد منبع امروزی وجود دارد. ویژگی تکمیل خودکار کد به این صورت است که ویرایشگر یک کلمه یا عبارت را بر اساس آنچه برنامه‌نویس در ویرایشگر تایپ کرده است،‌ پیش‌بینی می‌کند. به دلیل اینکه استفاده درست از یک ویرایشگر حرفه‌ای می‌تواند به آینده کدنویسی شما کمک بسیار زیادی بکند ما تصمیم گرفته‌ایم که کار با این ویرایشگر را به شکل کاملا رایگان به شما آموزش دهیم. در اصل می‌توان گفت، ما این را وظیفه‌ خود می‌دانیم که کار با این ویرایشگر را به همه آموزش دهیم. هدف نهایی ما در این دوره آموزشی این است که شما را به صورت کامل با ویژگی‌های ویژوال استدیو کد (VSCode) آشنا کرده و فرایند مدیریت و توسعه پروژه در این ویرایشگر را به شما آموزش دهیم.

آموزش نصب VS Code‌ در ویندوز

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

تنظیمات مربوط به قالب‌بندی و فایل در ویرایشگر

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

به عنوان مثال می‌توانیم به کلمات کلیدی مانند javascript  و typescript  و python  و csharp  و markdown  و غیره اشاره کنیم. کد مربوط به تنظیم Format On Save  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Format On Paste  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Trim Final Newlines  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. کد مربوط به تنظیم Insert Final Newline  در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود.

آموزش Visual Studio Code – از نصب تا اجرای اولین پروژه در VS Code

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

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

۴- تغییر وضعیت نوار جانبی

سپس در بخش «Git» گزینه Enable Smart Commit  را پیدا کرده و مقدار آن را بر روی true  تنظیم کنید. یکی از تنظیمات مرتبط با گیت در ویژوال استودیو کد، «واکشی خودکار» (Autofetch) است. این تنظیم باعث می‌شود که VS Code به صورت خودکار و با دوره زمانی منظم، اطلاعات را از مخزن راه دور مشخص شده واکشی کند.

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

همچنین قابلیت‌ها و امکانات متعدد دیگری نیز برای توسعه با HTML در VS Code وجود دارد. اکنون در ادامه آموزش Visual Studio Code نحوه ساخت اولین سایت با HTML در VS Code‌ آموزش داده شده است تا فرآیند یادگیری به صورت عملی انجام شود. در این بخش از مطلب آموزش Visual Studio Code راجع‌به زبانه یا سربرگ جستجو که با آیکن ذره‌بین در نوار سمت چپ (نوار فعالیت) رابط کاربری VS Code مشخص می‌شود، توضیحاتی ارائه شده است. بخش Search برای جستجوی یک کلیدواژه خاص در همه فایل‌هایی که در پنجره ویرایشگر باز هستند استفاده می‌شود.

Visual Studio Code (معروف به VS Code) ویرایشگر کد منبع متن‌باز (منبع آزاد) و رایگان ارائه شده توسط شرکت مایکروسافت است. Visual Studio Code به برنامه‌نویسان و توسعه‌دهندگان کمک می‌کند تا اشکال زدایی و اصلاح کد را با استفاده از روش‌های هوشمند انجام دهند. اکثر برنامه‌های ویرایشگر کد منبع از درج بلوک‌های کد نیز پشتیبانی می‌کنند. برخی از بلوک‌های کد به قالب قواعد مشخصی نیاز دارند که شامل نحوه شروع و پایان یک بلوک کد است. یک ویرایشگر کد منبع می‌تواند به طور خودکار یک بلوک کد را در صفحه قرار دهد. از یک ویرایشگر متن (Text Editor) ساده نیز می‌توان به عنوان ویرایشگر کد منبع استفاده کرد.

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

دوره‌های آموزشی

Bracket Pairs  را پیدا کرده و مقدار آن را بر روی active  تنظیم کنید. سپس در بخش «Editor» مقدار گزینه Smooth Scrolling  را بر روی true  تنظیم می‌کنیم. VSCode از زبان‌های برنامه نویسی مشهوری مانند JavaScript، Python، C++، HTML، CSS و بیش از 40 زبان برنامه نویسی دیگر پشتیبانی می‌کند.

افزونه‌ی Code Runner کمک می‌کند تا کدهای نوشته شده با زبان‌های برنامه نویسی مختلف را با یک کلیک اجرا کنید. این افزونه در سیستم عامل‌های مختلف دارای کلیدهای میانبر می‌باشد. برای کار با Code Runner می‌توانید به راهنمای آن در صفحه‌ی فروشگاه VScode مراجعه کنید.

کد مربوط به تغییر دادن ترمینال پیش‌ فرض در فایل «Settings.json» به شکل زیر نمایش داده می‌‌شود. در پایین فهرستی از مفید‌ترین تنظیمات ویژوال استودیو کد را درباره ترمینال ارائه کرده‌ایم. برای اعمال این تنظیم، ابتدا به صفحه رابط کاربری تنظیمات رفته و سپس از گزینه «Editor» مقدار Render Whitespace  را بر روی boundary  تنظیم می‌کنیم.

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

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

۵. نوشتن اولین کد

اگرچه، VS Code ویرایشگری نسبتاً سبک به حساب می‌آید، اما برخی ویژگی‌های قدرتمندش آن‌را به یکی از محبوب‌ترین ابزارهای توسعه در چند وقت اخیر تبدیل کرده است. در ادامه آموزش Visual Studio Code به معرفی امکانات و ساختار رابط کاربری این ویرایشگر کد پرداخته شده است. یک برنامه ویرایشگر کد منبع، به طور معمول قابلیت‌های مختلفی را برای ویرایش کدهای نرم‌افزاری دارد.

با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

طراحی صفحات وب سرور , asp.net , طراحی وب , دات نت ، آموزش ای اس پی. … ویژوال استودیو شامل بیش از 200 کد میانبر برای C# ، XML ، Html و … می باشد . در این آموزش، ما به طور کامل درباره Visual studio code، نحوه پیاده سازی آن و نحوه اضافه کردن اکستنشن ها به نرم افزار Visual studio code پرداخته ایم.

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

الصاق URL به فایل های زبان Markdown

سپس در بخش «Workbench» به قسمت «Editor» رفته و مقدار گزینه Decorations. در ادامه‌ی آموزش کار با نرم افزار ویژوال استودیو کد، به صورت گام به گام و تصویری آن را نصب کرده و یک برنامه‌ی نمونه را اجرا می‌کنیم. در این مطلب از آموزش فرادرس نحوه نصب VS Code را آموختیم و پروژه‌ای را با با یکدیگر انجام دادیم. VS Code نقش یک ویرایشگر کد منبع قدرتمند و سبُک را برای توسعه‌دهندگان ایفا می‌کند. همان‌طور که بیان شد، یک ویرایشگر کد منبع نسبت به ویرایشگر متن امکانات بیش‌تری دارد اما نسبت به یک محیط توسعه یکپارچه ضعیف‌تر است.

بهترین آموزش طراحی سایت با وردپرس کدنویسی

با توجه به افزایش نرخ دورکاری، مدیریت زمان بیش از همیشه اهمیت پیدا کرده است. مثلاً اگر یک توسعه‌دهنده از سامانه ردیابی معیارهای توسعه Wakatime استفاده می‌کند، یک افزونه VS Code‌ برای مدیریت مستقیم آمار Wakatime از داخل ویرایشگر وجود دارد. افزونه Code Time نیز امکان ردیابی و مدیریت بهره‌وری مستقیم توسط خود شخص را از طریق یک بستر متن‌باز فراهم می‌سازد. برای آن دسته از افرادی که تنها نیاز به یک زمان‌سنج Pomodoro دارند، یک افزونه برای آن نیز در VS Code موجود است. اغلب، هر ویرایشگر برای یک زبان برنامه‌نویسی خاص نوشته می‌شود. از آنجایی که بیشتر بخش‌های این نرم‌افزار شبیه به موارد دیگر است با محیط چندان غریبی روبرو نیستید.

آموزش کار با تگ‌ لینک‌ a و تصویر در HTML

بیش‌تر ویرایشگرهای نرم‌افزار، قابلیت بررسی اعتبار قالب کد (Format Validation Check) و امکانات کپی و الصاق را ارائه می‌دهند. بیشتر برنامه‌های کامپیوتری، در یک محیط توسعه یکپارچه (IDE | Integrated Development Environment) ساخته می‌شوند. IDE معمولاً شامل یک برنامه ویرایشگر کد است که کد منبع یک برنامه را ضبط و تجمیع می‌کند.

• درودبه این شکل هست که در ترمینال دستور اجرا رو میزنید و در بخش اوت پوت میتونید خروجی رو ببینید.
• برای کار با Code Runner می‌توانید به راهنمای آن در صفحه‌ی فروشگاه VScode مراجعه کنید.
{
• تجربه برنامه‌نویسی با ویژوال استودیو کد به قدری آسان، سریع و لذت‌بخش است که دیگر حاضر نیستید با هیچ ویرایشگر دیگری کار کنید؛ فقط کافیست آن را نصب کنید و با آن کدنویسی کنید.
|}{
• سلامآیا سرفصل آموزش کدنویسی در نرم افزار visual studio code رو در همین مقاله مطالعه کردید؟ همون پاراگراف اولش درمورد اینکه نوع فایل رو چطور پایتون کنید توضیح دادیم.
|}
• اما اگر تصمیم بگیرید که تغییرات مورد نظر قبل از تثبیت شدن در مخزن به صورت دستی Stage شوند.
{
• با پیکربندی این مورد در تنظیمات، ویژوال استودیو کد به صورت خودکار تمام خطوط خالی انتهای فایل را حذف می‌کند.
|}

ویژوال استودیو کد یک ویرایشگر متن قدرتمند است که با پشتیبانی از پلاگین‌ها و افزونه‌های مختلف، امکانات زیادی را برای توسعه‌دهندگان فراهم می‌کند. از مزایای این نرم‌افزار می‌توان به قابل‌حمل بودن، سبک بودن، و پشتیبانی از بسیاری از زبان‌های برنامه‌نویسی اشاره کرد. علاوه بر این موارد، یک برنامه نویس باید بتواند حداقل با یک محیط توسعه یا یک ویرایشگر کد کار کند و به خوبی به آن مسلط شود. در کل، پس از اتمام دوره آموزش vs code، به تمام بخش‌های کاربردی و مهم نرم افزار visualstudio مسلط می‌شوید و می‌توانید به خوبی از آن استفاده کنید. پس از گذراندن دوره آموزش vs code، می‌توانید به خوبی با این نرم افزار کار کنید و میانبرهای کاربردی آن را در زمان مناسب، استفاده کنید.

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

افزودن خط خالی به انتهای فایل

در حین وارد کردن دستورات و کدهای HTML، پیشنهاداتی از طریق HTML IntelliSense ارائه می‌شود. در تصویر زیر، می‌توان پیشنهاداتی را از قبیل بستن تگ div و همچنین فهرستی از عناصر پیشنهادی مبتنی بر محتوا در VS Code ملاحظه کرد. Visual Studio Code پشتیبانی ابتدایی و پیش‌فرض را برای HTML فراهم کرده است. این پشتیبانی به صورت ارائه امکاناتی همچون برجسته‌سازی نحوی (Syntax Highlighting)، تکمیل کد هوشمند به وسیله IntelliSense و قالب‌بندی قابل شخصی‌سازی انجام می‌شود. ممکن است برخی افراد در گذشته از ویرایشگرهای دیگری استفاده کرده باشند. با هدف رفاه و مهاجرت آسان از سایر ویرایشگرها به VS Code،‌ استفاده از دستورات میانبر مربوط به اکثر ویرایشگرهای رایج در VS Code به وسیله نصب افزونه امکان‌پذیر است.

بعد از اون به سراغ بخش جذاب دوره یعنی معرفی افزونه های کاربردی مختلف خواهیم رفت و  شما با هر زبان برنامه نویسی که کار میکنید میتونید از این افزونه ها استفاده کنید. بهترین مزیت استفاده از ویژوال استودیو کد این است که می‌توان افزونه‌های زیادی را با استفاده از سیستم مدیریت افزونه‌ها نصب کرد. این بخش برای افرادی مناسب است که می‌خواهند از راه دور کدنویسی کنند.

با پیکربندی کردن این تنظیم، تمام هایپرلینک‌های الصاق شده به فایل‌های Markdown به صورت خودکار و توسط کدهای مشخصی محصور می‌شوند. این کار با توجه به سینتکس مخصوص لینک در فایل‌های Markdown انجام می‌‌شود. با استفاده از تنظیم «Auto Stash»، می‌توانیم به صورت خودکار تغییرات ایجاد شده در کدها را ذخیره کنیم. این ذخیره‌سازی قبل از واکشی داده‌ها از مخزن گیت انجام می‌شود.

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

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

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

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

این تنظیم بر روی زبان‌های برنامه نویسی زیادی مانند جاوا اسکریپت، تایپ اسکریپت، سی شارپ، JSON و YAML و Markdown و غیره کار می‌کند. به همین دلیل، هدف اصلی وب‌سایت فرادرس، این است که بتواند با کیفیت‌ترین آموزش‌های برنامه نویسی را تولید کرده و با هزینه‌های مقرون‌به‌صرفه‌ای در اختیار افراد علاقه‌مند قرار دهد. استفاده از فیلم‌های آموزشی فرادرس از بسیاری جهات مانند هزینه، زمان، کیفیت تدریس و غیره نسبت به کلاس‌های حضوری، مفید‌تر است. در مجموعه آموزش برنامه نویسی مقدماتی تا پیشرفته فرادرس درباره تقریبا تمام زبان‌های‌ برنامه نویسی، فیلم‌های آموزشی متنوعی تهیه شده‌اند. در قسمت پایین، چند مورد از فیلم‌های سطح بالا و تخصصی مربوط به زبان‌های برنامه نویسی مختلف را معرفی کرده‌ایم. از این جا به بعد شما نیاز به مقداری دانش برنامه نویسی در مورد زبان های Html و css دارید تا بتوانید در یک پروژه کد بزنید.