ویژوال استودیو کد : آموزش دانلود، نصب و فعالسازی Visual Studio Code

آموزش کار با نرم افزار ویژوال استودیو کد: در آموزش کد ادیتور Sublime text در مورد این کد ادیتور محبوب و مزایای آن صحبت کردیم. Sublime text در سیستم عامل‌های مختلف (ویندوز، مک‌او‌اس و لینوکس) نصب می‌شد اما دارای دو مشکل بزرگ بود: زبان فارسی را در محیط ویرایشگر پشتیبانی نمی‌کرد و رایگان نبود. به همین دلیل بسیاری از توسعه دهندگان به جای استفاده از آن، به سراغ ویژوال استودیو کد می‌روند.

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

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

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

همان طور که اشاره کردیم، ویژوال استودیو کد یک کد ادیتور متن باز می‌باشد که با زبان‌های برنامه نویسی جاوا، جاوا اسکریپت، تایپ اسکریت، HTML و CSS نوشته شده است. هرچند که نخستین نسخه‌ی ویژوال استودیو کد در سال 2015 منتشر شده است، اما سرعت رشد جامعه‌ی کاربران آن به قدری بالاست که امروزه به عنوان یکی از سه کد ادیتور برتر و پراستفاده‌ی جهان شناخته می‌شود. ویژوال استودیو کد در سیستم عامل‌های مختلف (ویندوز، مک‌او‌اس و لینوکس) قابل نصب است؛ به همین دلیل به آن یک کد ادیتور چند سکویی یا cross platform گفته می‌شود و یکی از علت‌های محبوبیت آن، همین است.

مایکروسافت، این کد ادیتور را به صورت رایگان در اختیار عموم قرار داده است؛ پس لازم نیست نگران لایسنس و… باشید. همچنین متن فارسی در محیط ویرایشگر بدون هیچ مشکلی دیده می‌شود که خبر خوشی برای توسعه دهندگان فارسی زبان است. برنامه نویسانی که از ویژوال استودیو کد استفاده می‌کنند، معتقدند که دارای امکانات بی‌نظیری است که آن‌ها را از استفاده‌ی یک ویرایشگر دیگر و یا حتی یک IDE بی‌نیاز می‌کند. برخی از این امکانات عبارتند از:

  • حجم کم نرم‌افزار (زیر 100 مگابایت) و سرعت بالای آن
  • کاربرپسند بودن
  • قابلیت ناوبری و جابه جایی سریع میان فایل‌ها، نمادها و کدها
  • پشتیبانی از اغلب زبان‌های برنامه نویسی مانند جاوا، جاوا اسکریپت، Go، html، CSS، پایتون و…
  • پشتیبانی از زبان‌های نشانه‌گذاری
  • افزونه‌های عالی و کاربردی برای هر یک از زبان‌های برنامه نویسی
  • تنظیمات اختصاصی و قابلیت‌های شخصی‌سازی گسترده برای هر پروژه
  • کلید‌های میانبر بسیار کاربردی
  • نصب پکیج برای استفاده از اسنیپت‌های پیش‌فرض مخصوص هر زبان برنامه نویسی
  • پشتیبانی از فناوری‌های گیت
  • پشتیبانی عالی مایکروسافت از این کد ادیتور
  • وجود یک جامعه‌ی گسترده‌ی فعال
  • تغییر تم رنگی محیط ویرایشگر (همانند ویژوال استودیو)

تفاوت ویژوال استودیو و ویژوال استودیو کد چیست؟

ویژوال استودیو یک IDE است؛ IDE نرم‌ افزاری است که از ابزارها و امکانات کاملی برخوردار است و در توسعه‌ی برنامه‌ها به کمک برنامه نویسان می‌آید. ویژوال استودیو به عنوان یک IDE شامل موارد زیر است:

  • یک ویرایشگر کد منبع: برای نوشتن کد
  • یک کامپایلر: برای تفسیر کد
  • یک دیباگر (Debugger): برای اشکال‌زدایی برنامه

البته توجه کنید که یک IDE می‌تواند ویژگی‌ها و امکانات بسیار دیگری نیز داشته باشد. این ویژگی‌ها برای هر IDE متفاوت است.

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

در ویژوال استودیو کد، براساس زبانی که با آن برنامه می‌نویسیم، کلمات کلیدی متمایز شده (یا با تغییر رنگ و یا با پررنگ‌تر شدن این تفاوت مشخص می‌شود) و کد ادیتور برخی پیشنهادات را برای اتمام یک خطر کد ارائه می‌دهد. ویژوال استودیو کد، اتم (Atom) و Sublime Text از محبوب‌ترین‌های کد ادیتورها هستند و ما در این مقاله به آموزش کار با نرم افزار ویژوال استودیو کد می‌پردازیم.

براساس امکانات زیاد، IDE نرم افزار حجیم‌تری نسبت به یک کد ادیتور است؛ به همین دلیل حجم ویژوال استودیو بالای 20 گیگابایت است اما فایل نصبی ویژوال استودیو کد به زحمت به 70 مگابایت می‌رسد. علاوه بر آن، این امکانات زیاد باعث می‌شود که سرعت ویژوال استودیو بسیار کمتر از ویژوال استودیو کد باشد.

البته نبود امکانات سبب نمی‌شود تا ویژوال استودیو کد قدرت خود را از دست دهد. تقریبا تمامی زبان‌های برنامه نویسی در ویژوال استودیو کد قابل کدنویسی هستند، اما ویژوال استودیو قابلیت اجرای برنامه‌های نوشته شده به تمامی زبان‌ها را ندارد. برای مثال جاوا در ویژوال استودیو کد با تنظیماتی قابل کدنویسی است، اما در ویژوال استودیو قابل اجرا نمی‌باشد.

سیستم لازم برای نصب و اجرای ویژوال استودیو

حداقل سیستم لازم برای نصب و اجرای ویژوال استودیو کد عبارت است از:

  • سیستم عامل مورد نیاز: ویندوز، لینوکس، مک
  • ویندوز: 7/8/10
  • لینوکس: Debian, Ubuntu, Red Hat, Fedora, SUSE و زیر شاخه‌های آنها
  • مک: +macOS 10.10
  • رم : 1 گیگابایت
  • سی پی یو (CPU): پردازنده دو هسته ای
  • کارت گرافیک (GPU): رزولوشن 720 در1280
  • فضای موردنیاز: حدود 250 مگابایت

آموزش نصب و راه اندازی ویژوال استودیو کد

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

گام اول – دانلود برنامه ویژوال استودیو کد

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

صفحه دانلود نرم افزار ویژوال استودیو کد

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

گام دوم – نصب ویژوال استودیو کد

روی فایل دانلود شده کلیک کنید و شرایط استفاده از ویژوال استودیو کد را تایید کنید:

تایید قوانین استفاده از ویژوال استودیو کد

 سپس نام پوشه نصبی ویژوال استودیو کد نشان داده می‌شود که توصیه می‌کنیم آن را تغییر ندهید. بعد از زدن دکمه‌ی Next صفحه‌ی زیر را می‌بینید:

تنظیمات نصب ویژوال استودیو کد

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

گزینه‌ی اول: Create a desktop icon

با انتخاب این گزینه، در دسکتاپ شورتکاتی برای ویژوال استودیو کد ساخته می‌شود.

گزینه‌ی دوم: Add “Open with Code” action to Windows Explorer file context menu

با انتخاب این گزینه، هر زمانی که بخواهید فایلی را باز کنید، یک گزینه تحت عنوان Open with Code به منوی راست کلیک فایل‌ها اضافه می‌شود که کار شما را برای باز کردن فایل‌ها با ویژوال استودیو کد راحت‌تر می‌کند. اگر به صورت پیوسته از ویژوال استودیو کد برای برنامه نویسی استفاده می‌کنید، توصیه می‌کنیم تا این گزینه را انتخاب کنید.

گزینه‌ی سوم: Add “Open with Code” action to Windows Explorer directory context menu

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

گزینه‌ی چهارم: Register Code as an editor for supported file types

انتخاب این گزینه سبب می‌شود فایل‌هایی که توسط ویژوال استودیو کد پشتیبانی می‌شوند، به طور پیشفرض با آن باز شوند. مانند فایل‌های متنی، پایتون، C# ،CSS ،HTML و… .

گزینه‌ی پنجم: (Add to PATH (requires shell restart

با انتخاب این گزینه ویژوال استودیو کد در PATHهای ویندوز ذخیره می‌شود. توصیه می‌کنیم این گزینه را هم انتخاب کنید، چراکه غیر فعال بودن این حالت باعث بروز مشکلاتی می‌شود.

اگر پس از اینکه تنظیمات خود را در این پنجره اعمال کردید گزینه Next را بزنید، تصویر زیر را می‌بینید:

مرور تنظیمات نصب ویژوال استودیو کد

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

آموزش کدنویسی در نرم افزار visual studio code

برای شروع آموزش ویژوال استودیو کد، در ابتدا زبان برنامه نویسی خود را تعیین کرده و افزونه‌های مربوط به آن را با استفاده از بخش Extentions نصب کنید (درمورد راه‌های مختلف این کار در بخش‌های بعدی صحبت می‌کنیم). سپس از منوی بالای کد ادیتور، تب File را باز کرده و گزینه New File را انتخاب کنید. حال برای تعیین نوع فایل، مطابق شکل زیر در پایین سمت راست صفحه بر روی گزینه Plain Text کلیک کنید:

انتخاب زبان برنامه نویسی در ویژوال استودیو کد

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

برای ذخیره‌ی فایل از منوی بالا و تب File، گزینه‌ی Save as را انتخاب کنید و نام فایل و محل ذخیره‌ی آن را مشخص کنید:

ذخیره فایل در ویژوال استودیو کد

نحوه اجرای کد در ویژوال استودیو کد

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

vscode10

همچنین با استفاده از منوی سمت چپ و تب چهارم (Run) نیز می‌توانید عملیات اجرا و خطایابی (Debug) کد را انجام دهید که بسته به هر زبانی تنظیمات مخصوص به خود را دارد.

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

کلیدهای میانبر در ویژوال استودیو کد

کلیدهای میانبر یکی از اصلی‌ترین امکاناتی هستند که به برنامه نویسان کمک می‌کنند تا سریع‌تر کدنویسی کنند. برخی از میانبرهای مهم در VScode عبارتند از:

  • کامنت کردن خط موردنظر / + Ctrl
  • از کدهای خط موردنظر کپی گرفته و زیر آن قرار می‌دهد Ctrl + shift + D
  • جابه‌جا کردن محتوا Ctrl + shift
  • بازگردانی کار انجام شده Ctrl + Z
  • انجام دوباره کار انجام شده Ctrl + Y
  • با هر بار فشار دادن کلیدهای جهت‌نما یک کاراکتر انتخاب خواهد شد Shift + Left or Right Arrow Keys
  • جستجو Ctrl + F
  • ذخیره کردن متن Ctrl + S
  • تمام متن از محل قرارگیری Cursor تا ابتدای متن انتخاب می‌شود Shift + Ctrl + Home
  • Cursor را به ابتدا کلمه قبلی منتقل می‌کند Ctrl + Left Arrow
  • Cursor را به آغاز کلمه بعدی منتقل می‌کند Ctrl + Right Arrow

آموزش نرم افزار ویژوال استودیو کد 

در این بخش نحوه کار با visual studio code را توضیح می‌دهیم. نخستین باری که ویژوال استودیو کد را باز می‌کنید، صفحه‌ی زیر را می‌بینید:

محیط اولیه ویژوال استودیو کد

در سمت چپ چندین تب وجود دارد که در ادامه کاربرد هر یک را توضیح می‌دهیم.

تب اول: Explorer

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

تب دوم: Search

مشابه با قابلیت بالاست، با این تفاوت که عبارات درون فایل‌ها را جستجو می‌کند.

تب سوم:  Source Control

این بخش برای افرادی مناسب است که می‌خواهند از راه دور کدنویسی کنند. چراکه در ویژوال استودیو کد نیز می‌توان یک پروژه را به برنامه‌های کنترل نسخه پروژه مانند Git متصل کرد.

تب چهارم: Run

عملیات اجرا و خطایابی (Debug) کد از این بخش انجام می‌شود. برای مثال هنگام اجرای یک کد HTML با استفاده از این بخش می‌توانید مرورگر پیش فرض را گوگل کروم انتخاب کنید.

تب پنجم: Extentions

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

تب ششم: Accounts

تنظیمات مربوط به حساب کاربری در این بخش انجام می‌شود.

تب هفتم: Manage Setting

اگر روی این قسمت کلیک کنید، با تصویر زیر مواجه می‌شوید:

بخش تنظیمات محیط ویرایشگر ویژوال استودیو کد

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

آموزش نصب افزونه در VS Code

برای کار با visual studio code باید به نصب افزونه‌ها مسلط باشید. جستجو و نصب افزونه‌ها در ویژوال استودیو کد بسیار آسان است. با کلیک بر روی آیکون Extensions در نوار Activity در سمت چپ ویژوال استودیو کد می‌توانید افزونه‌ی موردنظر خود را نصب کنید. همچنین اگر کلیدهای ترکیبی cmd + shift + x (روی مک) یا ctrl + shift + x (روی ویندوز) را فشار دهید، پنل View: Extensions ظاهر می‌شود. سپس برای نصب هر افزونه‌ی دلخواه کافی است تا روی دکمه‌ی Install کلیک کنید.

از Command Palette نیز می‌توان برای نصب افزونه‌ها به طور هم‌زمان استفاده کرد. در این روش ابتدا با cmd + shift + p (برای مک) یا ctrl + shift + p (برای ویندوز)، این بخش را باز کرده و سپس عبارت «Install extensions» را تایپ کنید و گزینه Extensions: Install Extensions را انتخاب نمایید.

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

بهترین افزونه‌های ویژوال استودیو کد

برخی از مهم‌ترین افزونه‌های کاربردی در ویژوال استودیو کد که برای اغلب زبان‌های برنامه نویسی مشترک هستند، به شرح زیر می‌باشد:

افزونه‌ی Quokka

با نصب افزونه Quokka، هم‌‌زمان با تایپ کردن کد در ویرایشگر، کدها اجرا شده و خروجی به شما نشان داده می‌شود. اگر کد دارای خطا یا هشدار باشد نیز همان‌جا به شما نمایش داده شده و شما را راهنمایی می‌کند.

افزونه‌ی Better Align

بعد از نصب افزونه‌ی Better Align می‌توانید بخش‌های تعریف متغیر، declarationهای مختلف و به طور کلی کدهای نوشته شده در یک فایل را هم‌تراز کنید. این باعث می‌شود تا راحت‌تر بتوانید نظرات و بخش‌های مختلف کد را دنبال کنید.

افزونه‌ی Polacode

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

افزونه‌ی Path Intellisense

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

افزونه‌ی Browser Preview

افزونه‌ی Browser Preview برای بازکردن یک مرورگر واقعی درون ویرایشگر ویژوال استودیو کد و برای عیب‌یابی و بررسی تغییرات، به جای چک کردن آن‌ها روی مرورگر مورد استفاده قرار می‌گیرد. در نتیجه از جابه‌جایی مداوم بین محیط ویرایشگر و مرورگر جلوگیری می‌کند.

افزونه‌ی Settings Sync

با نصب افزونه‌ی Settings Sync، می‌توانید تنظیمات را همراه با پروژه‌ی موردنظر در گیت‌هاب آپلود کنید تا سایرین بتوانند از آن تنظیمات روی سیستم خود استفاده کنند.

افزونه‌ی Git Lens

با استفاده از این افزونه‌ی Git Lens می‌توانید بفهمید که خط مورد نظر از کد، توسط چه کسی و در چه تاریخی تغییر کرده است، تاریخچه‌ی کامیت‌ها را بررسی کنید و… .

کدنویسی بهتر با افزونه‌ها در ویژوال استودیو کد

سبک بودن و سریع بودن ویژوال استودیو کد باعث شده است تا اغلب توسعه دهندگان وب از این کد ادیتور استفاده کنند. به همین منظور سه مقاله‌ی جدا با عناوین بهترین افزونه‌های ویژوال استودیو کد برای توسعه‌ی وب، بهترین افزونه‌های Visual Studio Code برای Javascript و بهترین افزونه‌های ویژوال استودیو کد برای php را برای شما در نظر گرفتیم.

چرا VS Code را انتخاب کنیم؟

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

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

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

 

نیاز به مشاوره تخصصی دارید؟

ثبت درخواست مشاوره رایگان:
 
ارسال دیدگاه
ما همه سوالات و دیدگاه ها رو می خونیم و پاسخ میدیم
۶۲ دیدگاه
۱۶ خرداد ۱۴۰۱، ۲۲:۰۱
سلام من نرم افزار vscode رو نصب کردم . من وقتی کد هایی که کمی طولانی ترند رو مینویسم و بعد debug میکنم زیر بعضی از کلمات،متغیر ها و یا فاصله ها خط موج دار قرمز میکشه و ارور میده و compile و run نمیشه
نازنین کریمی مقدم ۱۷ خرداد ۱۴۰۱، ۱۷:۳۱
درود
یک نمونه کد که چنین خطایی میده رو قرار بدید لطفا.
۰۷ خرداد ۱۴۰۱، ۱۳:۱۸
سلام من vscode v رو نصب کردم ولی اسم و ورژن پایتون در قسمت پایین سمت چپ نمیاد مشکل از کجاس؟ممنونم
نازنین کریمی مقدم ۱۱ خرداد ۱۴۰۱، ۱۱:۴۵
درود
ممکنه اصلا مشکلی نداشته باشه و صرفا اون ورژن VSCode جای دیگری نشون بده.
بهتر است برای اطمینان از نصب پایتون و مشاهده ورژنش، از دستورات مربوطه در بخش ترمینال کمک بگیرید.
۰۲ خرداد ۱۴۰۱، ۱۹:۰۱
سلام
فرق بین visual studioوvisual studio code چیه؟
من میخوام زبان ++c کار کنم نمیدونم کدوم محیط برای این زبان مناسبه
لطفا منو راهنمایی کنید.
باتشکر
نازنین کریمی مقدم ۰۳ خرداد ۱۴۰۱، ۱۰:۱۵
درود
ویژوال استودیو مثل مادر ویژوال استودیو کد هست. در همین مقاله بخش تفاوت ویژوال استودیو و ویژوال استودیو کد چیست؟ به تفاوت این دوتا اشاره کردیم.
اگر برنامه نویس حرفه ای هستید پیشنهاد میکنم از ویژوال استودیو استفاده کنید و اگر سیستم تون خیلی قوی نیست یا در ادامه دادن سی پلاس کمی دودل هستید و فعلا هدفتون یادگیری زبان هست، ویژوال استودیو کد رو انتخاب کنید.
۳۰ اردیبهشت ۱۴۰۱، ۰۹:۵۲
من ویژال رو نصب کردم اما پنجره سمت چپ که برای تنظیمات کنترل ها هست رو نداره باید از کجا دوباره بیارمش؟ ممنون میشم پاسخ بدید
نازنین کریمی مقدم ۳۱ اردیبهشت ۱۴۰۱، ۰۱:۲۶
درود
از منوی بالا تب view میتونید با تیک زدن موارد appearance و editor layout موارد موردنیازتون رو در محیط اضافه کنید.
۰۶ اردیبهشت ۱۴۰۱، ۰۲:۴۵
سلام
من visual studio code رو نصب کردم اما با ران گرفتن به این خطا میرسم:
The terminal process failed to launch: Path to shell executable "%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" does not exist.
چجوری این خطا رو رفع کنم
نازنین کریمی مقدم ۰۷ اردیبهشت ۱۴۰۱، ۱۲:۴۵
درود
این تاپیک رو مطالعه بفرمایید.
۰۵ اردیبهشت ۱۴۰۱، ۱۲:۵۷
[Running] python -u "c:\Users\T\Desktop\py\key1.py" سلام برای این خطا چکار باید کنم رفع بشه
File "c:\Users\T\Desktop\py\key1.py", line 1
from import pynput keyboard,mouse
^^^^^^
SyntaxError: invalid syntax

[Done] exited with code=1 in 0.13 seconds
نازنین کریمی مقدم ۰۷ اردیبهشت ۱۴۰۱، ۱۲:۳۵
درود
در خط اول یعنی from import pynput keyboard,mouse
باید جای import و pynput رو با هم عوض کنید.
درضمن چک کنید کتابخانه نصب باشه.
۲۲ فروردین ۱۴۰۱، ۲۱:۲۸
ویرایشگر VS Code با فریمورک Electron (فریمورک جاوا اسکریپت ) نوشته شده نه با جاوا...
ظاهرا تشابه اسمی جاوا و جاوا اسکریپت باعث این اشتباه شما شده....
لطفا دقت کنید
نازنین کریمی مقدم ۲۴ فروردین ۱۴۰۱، ۱۷:۴۰
درود
خیر مشکل نگارشی نداره و جاوا هم توش هست. برای اطلاع دقیقتر میتونید عبارت Which language is Visual Studio Code written in رو سرچ کنید و یا به اسناد ماکروسافت مراجعه کنید.
۲۹ بهمن ۱۴۰۰، ۱۲:۴۳
سلام وقت بخیر .ممنون از مطالب خیلی مفیدتون 🙏🏻یه سوال داشتم من vs code نصب کردم کامل ولی هر بار که از برنامه خارج میشم دوباره وارد شم مجددا میخواد که نرم افزار instal کنم و تا حالا ۶ بار نصب کردم ولی بازم همون طور ممنون میشم راهنمایی کنید .
نازنین کریمی مقدم ۳۰ بهمن ۱۴۰۰، ۰۹:۳۸
سلام
این مشکل اصلا عادی نیست.
برنامه رو به طور کامل پاک کنید و مجددا سورسش رو از سایت های معتبر دانلود و نصب کنید.
۲۵ بهمن ۱۴۰۰، ۱۵:۳۳
سلام وقت بخیر
بنده وقتی کد نوشته شده ( پایتون) رو run میکنم این خطا رو میده میشه لطفا راهنمایی کنید.
Windows PowerShell
Copyright (C) 2015 Microsoft Corporation. All rights reserved.

PS C:\Users\mitra\AppData\Local\Programs\Microsoft VS Code\tools>
نازنین کریمی مقدم ۲۷ بهمن ۱۴۰۰، ۱۷:۴۱
درود
حقیقتا این خطا نیست. صرفا داره ابزار اجرا رو نام میبره. مطمئن هستید کد اجرا نمیشه؟ شاید اجرا میشه و بعد از اتمامش اینو مینویسه.
برای اطمینان بیشتر یدور کانفیگ اجرای پایتون و حتی اتصال پاورشل در ویژوال استودیو کد رو در نت جستجو کنید و مرحله به مرحله از درستی تنظیمات مطمئن بشید.
باز اگر دوستان کسی در این مورد تجربه ای داره دست یاری به دوستمون برسونید.
۱۸ بهمن ۱۴۰۰، ۱۷:۳۷
merc az pasokhetun dar morede sync kardane vscode ba cmd
tunestam okay konamesh
faghat ye soale dg
chera vaghti mikham bs4 o import konam error mide mige cannot import name beautifulsoup from bs4 ? ba inke man nasb kardam bs4 o -- python versione3.11.0a4 va bs4 4.10.0
ya erroresh bazi oghat module name mide
نازنین کریمی مقدم ۲۳ بهمن ۱۴۰۰، ۱۰:۴۶
درود
مجددا با این دستور نصبش کنید:
python3 -m pip install bs4
۱۷ بهمن ۱۴۰۰، ۲۳:۲۳
سلام . چرا وقتی میخوام از cmd به عنوان لایو سرور استفاده کنم . که وقتی کد میزنم تو vscode تو cmd یه اینتر بزنم کد اجرا شه نمیشه ؟ آدرس فایل هم درست دادم به cmd (پایتون)
نازنین کریمی مقدم ۱۸ بهمن ۱۴۰۰، ۱۰:۴۶
سلام
بله کلا دردسر مچ کردن cmd به vscode یکم زیاده. اول یدور حذف نصب و نصب مجدد کنید و ویژوال رو باز و بسته کنید تا اعمال بشه و بعد چک کنید. البته در این حالت که رو cmd اجرا میگیرید، شاید بد نباشه live serve رو مستقیم همونجا نصب کنید. سرچ بزنید راهنمای کامل رو میاره.
اما در کل براساس تجربه توصیه میکنم که به پایچارم کوچ کنید و زمان باارزشتون رو تلف نکنید.
۱۲ بهمن ۱۴۰۰، ۱۷:۴۸
من چرا وقتی زبانcssمینویسم تو کارم هیچ اتفاقی نمی افته
نازنین کریمی مقدم ۱۳ بهمن ۱۴۰۰، ۱۴:۵۷
درود
شما هم راهکار کامنت قبلی رو در پیش بگیرید.
۰۸ بهمن ۱۴۰۰، ۲۰:۴۷
من اول توی لپتاپم vscode داشتم بعد از هر متد که می‌نوشتم مثلاً print و بعد نوشتن پرینت اینتر رو میزدم خودش پارانتز هاشو میزاشت ولی الان روی pc نصب کردم و با زدن اینتر هیچ اتفاقی نیفتاده خواهشاً راهنمایی کنید
نازنین کریمی مقدم ۰۹ بهمن ۱۴۰۰، ۱۵:۲۱
درود
احتمالا اونجا یه پکیجی چیزی نصب بوده، پس بهترین کار اینه که بخش پلاگینهای لپ تاپ تون رو یه چک بزنید براساسش این سمت رو کامپیوتر نصبشون کنید.
اگر دسترسی ندارید براساس زبانی که دارید کدنویسی میکنید snippet مخصوص رو نصب کنید. این لینک رو هم ببینید.
مراحل نصب پلاگین و... رو هم در مقاله کامل گفتیم. یسری مورد هم در بخش بهترین افزونه ها نام بردیم که پیشنهاد میکنم ازشون استفاده کنید تا کدنویسی براتون راحتتر و جذابتر بشه.
۰۴ بهمن ۱۴۰۰، ۰۱:۳۰
سلام من قبلا از search extension دانلود میکردم اما الان نمیشه وبه من اینو میگو.. Erro while fetching extensions. Xhr failed میگه نمیدونم باید چیکار کنم لطفا کمکم کنید
نازنین کریمی مقدم ۰۴ بهمن ۱۴۰۰، ۱۹:۳۱
درود
1. اگر وی پی ان روشن دارید خاموش کنید و ویژوال رو یدور باز و بسته کنید و دوباره تست کنید.
2. اگر راه بالا جواب نداد مجبورید یک ورژن پایینتر رو نصب کنید. رو برخی ورژنهای جدید این مشکل دیده شده و تنها راه فعلی تغییر ورژن هست.
۱۰ دی ۱۴۰۰، ۰۳:۳۸
سلام من می خوام از کتابخانه opencvدر vscodeاستفاده کنم میشه راهنمایی کنید
نازنین کریمی مقدم ۱۱ دی ۱۴۰۰، ۱۳:۳۵
درود
میتونید به این آموزش مراجعه کنید که راهنمای قدم به قدم و حتی خروجی گیتهاب هم داره.
پایدار باشید.
۰۸ دی ۱۴۰۰، ۰۸:۴۷
سلام وقت بخیر قبلا که کد های html خودم را اجرا میکردم (لایو سرور ) به درستی اجرا میشدن و هیچ خطایی نداشتم اخیرا وقتی میخوام اجرا کنم در پایین صفحه در کادر آبی رنگ port:5500مینویسه و کد ها اجرا نمیشن.ممنون میشم پاسخ بدین
نازنین کریمی مقدم ۱۱ دی ۱۴۰۰، ۱۷:۳۴
درود
ارور رایجی هست و نگرانش نباشید. این راهکار و یا سایر نظرات همون صفحه رو ببینید، ایشالا مشکلتون رفع میشه.
۲۴ آذر ۱۴۰۰، ۲۲:۴۱
سلام من live server رو نصب کردم چطور میتونم همزمان که کد مینویسم تغییرات رو در مرور گر ببینم چون وقتی کد مینویسم پنجره مرورگر بسته میشه و من مدام باید بین پنجره مرورگر و محیط vscod جابجا شم
نازنین کریمی مقدم ۲۷ آذر ۱۴۰۰، ۱۲:۰۸
درود
توصیه میکنم برای راحتی کار صفحه تون رو دو قسمت کنید تا نیاز به جابجایی نداشته باشید.
همچنین این راهنمای تصویری live server رو ببینید تا منظورمو دقیقتر متوجه بشید.
۲۳ آذر ۱۴۰۰، ۲۰:۵۵
با سلام.من vscode را نصب کردم و آدرس دهی به گوگل کروم به درستی داده شد.اما کدها در کروم اجرا نمیشوند و صفحه کروم خالی است.لطفا راهنمایی کنید
نازنین کریمی مقدم ۲۴ آذر ۱۴۰۰، ۱۲:۲۲
سلام
F12 رو روی مرورگر بزنید و ببینید آیا در کنسول خطایی میده یا نه؟
۲۲ آذر ۱۴۰۰، ۱۰:۳۹
سلام مقاله عالي بود ممنون
چطوري براي كدنويسي زبان پايتون رو انتخاب كنيم؟؟
براي من گزينه اي براي انتخاب زبان نداره ، از كجا بايد انتخاب كنيم؟؟
نازنین کریمی مقدم ۲۳ آذر ۱۴۰۰، ۱۰:۱۳
سلام
آیا سرفصل آموزش کدنویسی در نرم افزار visual studio code رو در همین مقاله مطالعه کردید؟ همون پاراگراف اولش درمورد اینکه نوع فایل رو چطور پایتون کنید توضیح دادیم.
۲۲ آذر ۱۴۰۰، ۰۸:۱۸
آفرين مقاله خوبی بود 🤏🏻👌🏻
۱۶ آذر ۱۴۰۰، ۱۷:۴۹
سلام. وقتی اون تیک رو میزنم تا اشکالاتشو پیدا کنه، رو حالت چکینگ میمونه، چیکار باید بکنم؟
نازنین کریمی مقدم ۱۷ آذر ۱۴۰۰، ۰۹:۱۴
درود
آیا مراحل رو طبق راهنمای رسمی ویژوال استودیو کد در دیباگ کردن طی کردید؟
۱۶ آذر ۱۴۰۰، ۱۰:۰۹
سلام.وقتی میخوام اجرا کنم برنامه رو میاره cs-scrip is busy باید چیکار کنم؟
Nazanin KarimiMoghaddam ۱۶ آذر ۱۴۰۰، ۱۰:۵۱
درود
به نظرات زیر این سوال توجه کنید. انشاالله رفع میشه.
fatemeh ۰۹ آذر ۱۴۰۰، ۱۲:۱۷
سلام من میخوام افزونه روی vscodeنصب کنم اما نمیتونم نصب کنم هر افزونه ایی رو سرچ میکنم نمیاره؟علتش چیه؟
واینکه برای کار کردن ،نصب افزونه با vscodeباید به اینترنت وصل باشم؟
Nazanin KarimiMoghaddam ۱۰ آذر ۱۴۰۰، ۱۲:۱۱
درود
بله برای نصبش نیاز به اینترنت دارید. اگر همچنان با نت نمیتونید نصب کنید بفرمایید تا با کمک هم حلش کنیم.
امیر محمد ۰۶ آذر ۱۴۰۰، ۲۱:۳۳
سلام .
مشکل من این که بخش نوار سیتینگ که در سمت چپ باید باشد برای من سمت راست هست میخواهم برگردونم ولی نمیدونم چجوری
Nazanin KarimiMoghaddam ۰۷ آذر ۱۴۰۰، ۱۰:۲۶
درود
شما از منوی بالای ادیتور روی View بزنید. دو گزینه Appearance و Editor Layout برای تغییر ظاهر محیط براساس نیازتون هست.
سعید غضنفری ۰۲ آبان ۱۴۰۰، ۱۳:۰۹
سلام من میخوام زبان برنامه نویس رو انتهاب کنم ولی اون نوار پایین گه بع رنگ بنفش هست مال من نداره نمیدونم چرا ا
نازنین کریمی مقدم ۰۳ آبان ۱۴۰۰، ۱۷:۲۳
درود
شما ابتدای بخش "آموزش کدنویسی در نرم افزار visual studio code" رو مطالعه کنید، یه شکل گذاشتیم که داره زبان برنامه نویسی عوض میشه. یعنی اون نوار رو ندارید؟
محمدعلی گورابی ۱۶ مهر ۱۴۰۰، ۱۳:۵۵
سلام من برای نامه ی vscodeرو به همراه کامپایلر mingw برای تمرین برنامه نویسی c++ نصب کردم
اما در بخش terminal برنامه vscod همش می نویسه try the new cross platform power shell و حتی بعد از نوشتن کد مربوط به کامپایل ادرس یه پوشه رو می نویسه و میگه undefined reference to winmain برای حل این مشکل باید چی کار کنم ؟
Shm ۱۳ مهر ۱۴۰۰، ۱۸:۴۸
سلام موقع ران کردن پروژه کدا خودکار مرتب میشن میخوام این ویژگی خاموش کنم چجوری؟
نازنین کریمی مقدم ۱۴ مهر ۱۴۰۰، ۰۱:۲۰
درود
ببینید تا جایی که من تجربه دارم این امکان به طور پیش فرض روی vscode فعال نیست. مطمئن هستید که افزونه خاصی رو نصب نکردید؟
اگر از افزونه استفاده میکنید میتونید همه رو غیرفعال کنید تست کنید تا مطمئن شید.
amir ۲۸ شهریور ۱۴۰۰، ۲۰:۰۳
سپاس و درود فراوان بر شما که این مقاله رو به صورت جامع و کامل تهیه کردید واقعا خیلی مفید بود.
نازنین کریمی مقدم ۳۱ شهریور ۱۴۰۰، ۱۴:۴۰
ممنون که با ما همراه هستید.
پریسا یادکوری ۲۰ شهریور ۱۴۰۰، ۱۲:۵۵
باسلام. من در ابتدای کار با خطای plain text روبرو میشم. باید چی کار کنم؟
نازنین کریمی مقدم ۲۰ شهریور ۱۴۰۰، ۱۷:۳۰
درود
اگر ممکنه متن خطا رو به انگلیسی بفرستید و همچنین این لینک رو هم ببینید.
غلامرضا ۲۷ تیر ۱۴۰۰، ۱۴:۰۱
سلام ممنون از مطالب ارزشمند شما. یه مقداری توی انتخاب ادیتورهای مربوط به طراحی صفحات وب وسواس پیدا کرده ام .تنوع اونا زیاده یکی را میخواهم که همون ادیتور را یاد بگیرم و برنامه هامو با اون بنویسم و مجبور به تغییر ادیتور نباشم کدوم بهتره؟
نازنین کریمی مقدم ۰۴ مرداد ۱۴۰۰، ۰۲:۴۹
درود
من خودم با VSCode کار میکنم و باهاش راحتم، اما امکانات php storm هم خیلی زیاده.
توصیه میکنم از مقاله بهترین IDE برای طراحی وب و برنامه نویسی بخش وب رو مطالعه کنید.
مهندس نفیسی ۲۰ اردیبهشت ۱۴۰۰، ۱۵:۰۵
بسیار عالی.
استفاده کردم.
اگر براتون مقدور است آموزش عملی کار با ویژوال استودیو کد رو با یکی از زبانها ترجیحا جاواسکریپت یا پایتون هم بگذارید.
نازنین کریمی مقدم ۲۱ اردیبهشت ۱۴۰۰، ۱۴:۵۹
درود. خوشحالیم که مقاله براتون مفید بوده.
آموزش عملی کار با VSCode رو چون در قالب مقاله نمیگنجه و درخواستهای زیادی برای ویدیو داشتیم، در دوره های متخصص تهیه کردیم و الان هم در دسترس هست.
سام انوشه ۲۴ اسفند ۱۳۹۹، ۱۷:۱۰
بسیار عالی خیلی ممنون
فقط اینکه در اخر " چرا VS Code را انتخا کنیم؟ " انتخاب را اشتباه تایپ کردید
نازنین گودرزی ۲۴ اسفند ۱۳۹۹، ۱۸:۰۵
ممنون از توجه و همراهی شما. اصلاح شد.