نصب نرم افزار vs code و ساخت فایل html
آموزش نصب نرم افزار VS Code و ساخت فایل html به صورت ویدیویی در این مقاله آموزش داده میشه برای دیدن آموزش کامل html و css وارد صفحه این دوره شوید و جلسات رو مشاهده کنید. بنابراین در ادامه یک آموزش کامل و جامع برای نصب نرمافزار Visual Studio Code و ایجاد یک فایل HTML قدم به قدم آورده شده است.
خلاصه این مطلب:
Toggleقدم 1: نصب Visual Studio Code
- دانلود VS Code:
- وبسایت رسمی VS Code را باز کنید: https://code.visualstudio.com/
- بر روی دکمه “Download for Windows/Mac/Linux” کلیک کنید و فایل نصب را دانلود کنید.
- نصب نرمافزار:
- فایل نصب را اجرا کنید.
- در صورت نیاز، تنظیمات نصب را انجام دهید.
- VS Code نصب میشود و پس از اتمام نصب، برنامه اجرا میشود.
قدم 2: ایجاد یک پروژه HTML
- باز کردن VS Code:
- اجرای VS Code پس از نصب.
- ایجاد یک پوشه جدید:
- از منوی “File” یا “پرونده” گزینه “Open Folder” یا “باز کردن پوشه” را انتخاب کنید.
- یک پوشه جدید بسازید و باز کنید.
- ایجاد فایل HTML:
- در پوشه جدید، بر روی دکمه “+” در قسمت “Explorer” کلیک کنید و یک فایل جدید با پسوند
.html
ایجاد کنید. - نام فایل را به عنوان مثال
index.html
تعیین کنید.
- تایپ کد HTML:
- با دوباره کلیک بر روی فایل
index.html
، آن را در ویرایشگر باز کنید. - تایپ یک ساختار ساده HTML، به عنوان مثال:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My First HTML Page</title> </head> <body> <h1>Hello, World!</h1> </body> </html>
قدم 3: ذخیره و اجرا
- ذخیره فایل:
- فایل را ذخیره کنید (از منوی “File” و گزینه “Save” یا “ذخیره” استفاده کنید).
- اجرای فایل:
- با راستکلیک بر روی فایل
index.html
، گزینه “Open with Live Server” یا “باز کردن با سرور زنده” را انتخاب کنید (اگر این امکان را ندارید، میتوانید از یک مرورگر وب هم استفاده کنید).
- مشاهده نتیجه:
- مرورگر وب شما باز میشود و صفحه HTML اجرا میشود. شما باید متن “Hello, World!” را در صفحه ببینید.
حالا شما یک محیط توسعه ساده برای نوشتن کد HTML با استفاده از Visual Studio Code راهاندازی کردهاید. این تجربه اولیه میتواند به عنوان پایهای برای یادگیری بیشتر در زمینه توسعه وب شما باشد.
درباره اسحاق شفایی
اسحاق شفایی مدیر وبسایت کیت وردپرس و دانشجوی کارشناسی ارشد Computer Science در دانشگاه پادوا ایتالیا هستم. چندین سال است که در حوزه وب فعالیت می کنم و تخصص اصلیم توسعه وب هست همچنین بعد از یادگیری علاقه زیادی به آموزش دادن دارم.
سایر نوشته های اسحاق شفایی
دیدگاهتان را بنویسید
برای نوشتن دیدگاه باید وارد بشوید.