WebStorm یک محیط یکپارچه توسعه سایت (IDE) از طریق نوشتن و ویرایش کد است. این نرم افزار برای ایجاد حرفه ای برنامه های وب برای سایت ها مناسب است. زبانهای برنامه نویسی مانند JavaScript ، HTML ، CSS ، TypeScript ، Dart و دیگران پشتیبانی می شوند. باید گفت که این برنامه از بسیاری از فریم ورک ها پشتیبانی می کند که برای توسعه دهندگان حرفه ای بسیار مناسب است. این برنامه دارای یک ترمینال است که از طریق آن تمام اقدامات انجام شده در خط فرمان استاندارد ویندوز انجام می شود.
منطقه کار
طراحی در ویرایشگر به سبکی دلپذیر ساخته شده است ، طرح رنگی آن قابل تغییر است. تم های تاریک و سبک وجود دارد. رابط فضای کاری مجهز به یک منوی زمینه و یک پانل سمت چپ است. پرونده های پروژه در بلوک سمت چپ نمایش داده می شوند ، در آنها کاربر می تواند شی مورد نیاز خود را پیدا کند.
در یک بلوک بزرگ برنامه کد پرونده باز است. زبانه ها در پانل بالا نمایش داده می شوند. به طور کلی ، این طرح بسیار منطقی است ، بنابراین هیچ ابزاری به غیر از قسمت ویرایشگر و محتوای اشیاء آن نمایش داده نمی شود.
ویرایش زنده
این ویژگی به معنی نمایش نتایج پروژه در مرورگر است. با این روش می توانید کدی را ویرایش کنید که همزمان دارای عناصر HTML ، CSS و JavaScript باشد. برای نمایش کلیه فعالیت های پروژه در یک پنجره مرورگر ، باید یک افزونه ویژه - JetBrains IDE پشتیبانی ، به ویژه برای Google Chrome نصب کنید. در این حالت ، تمام تغییرات ایجاد شده بدون بارگذاری مجدد صفحه نمایش داده می شود.
اشکال زدایی در Node.js
اشکال زدایی برنامه های Node.js به شما امکان می دهد کد خطا را برای خطاهای تعبیه شده در JavaScript یا TypeScript اسکن کنید. برای جلوگیری از بررسی خطاها در کل کد پروژه ، باید شاخص های ویژه - متغیرها را وارد کنید. صفحه پایین پشته تماس را نشان می دهد ، که حاوی همه اعلان ها در مورد تأیید کد است ، و آنچه باید در آن تغییر کند.
هنگامی که شما بیش از یک خطای مشخص مشخص شده ، ویرایشگر توضیحات مربوط به آن را نشان می دهد. از جمله موارد دیگر ، ناوبری کد ، تکمیل خودکار و refactoring پشتیبانی می شوند. تمام پیام های Node.js در یک برگه جداگانه از فضای کاری برنامه نمایش داده می شوند.
راه اندازی کتابخانه
در WebStorm می توانید کتابخانه های اضافی و اساسی را به یکدیگر متصل کنید. در محیط توسعه ، پس از انتخاب یک پروژه ، کتابخانه های اصلی بصورت پیش فرض در دسترس قرار می گیرند ، اما موارد اضافی باید بصورت دستی متصل شوند.
بخش راهنما
این برگه حاوی اطلاعات مفصلی درباره IDE ، راهنما و موارد دیگر است. کاربران می توانند در مورد برنامه بازخورد خود را ترک کنند یا پیغامی در مورد بهبود ویرایشگر ارسال کنند. برای بررسی به روزرسانی ها ، از عملکرد استفاده کنید "برای به روزرسانی ها بررسی کنید ...".
نرم افزار را می توان با مبلغ خاصی خریداری کرد یا به مدت 30 روز بصورت رایگان استفاده کرد. اطلاعات مربوط به مدت زمان آزمایشی نیز در اینجا است. در بخش راهنما ، می توانید با استفاده از کلید مربوطه ، یک کد ثبت نام را وارد کنید یا برای خرید به وب سایت بروید.
نوشتن کد
هنگام نوشتن یا ویرایش کد می توانید از عملکرد تکمیل خودکار استفاده کنید. این بدان معنی است که شما نیازی به ثبت کامل برچسب یا پارامتر ندارید ، زیرا خود برنامه با حروف اول زبان و عملکرد را تعیین می کند. با توجه به اینکه ویرایشگر به شما امکان می دهد از زبانه های زیادی استفاده کنید ، می توانید ترتیب آنها را مطابق میل خود تنظیم کنید.
با استفاده از کلیدهای داغ می توانید عناصر کد لازم را به راحتی پیدا کنید. نکات راهنمای ابزار زرد در داخل کد می تواند به توسعه دهنده کمک کند تا مشکل را از قبل تشخیص داده و آن را برطرف سازد. اگر خطایی ایجاد شده باشد ، ویرایشگر آن را با رنگ قرمز نمایش داده و به کاربر هشدار می دهد.
علاوه بر این ، محل خطا در نوار پیمایش نمایش داده می شود تا در جستجوی خودتان نباشید. هنگام مرور بیش از یک خطا ، خود ویرایشگر پیشنهاد می کند یکی از گزینه های املایی را برای یک مورد خاص انتخاب کند.
تعامل سرور وب
برای اینکه توسعه دهنده نتیجه اجرای کد را در صفحه HTML مشاهده کند ، این برنامه نیاز به اتصال به سرور دارد. در IDE ساخته شده است ، یعنی محلی است و در رایانه شخصی کاربر ذخیره می شود. با استفاده از تنظیمات پیشرفته ، می توانید از پروتکل های FTP ، SFTP ، FTPS برای بارگیری فایل های پروژه استفاده کنید.
یک ترمینال SSH وجود دارد که می توانید دستوراتی را ارسال کنید که یک درخواست را به سرور محلی ارسال می کنند. بنابراین ، شما می توانید از چنین سرورهایی به عنوان واقعی استفاده کنید و از تمامی قابلیت های آن استفاده کنید.
گردآوری TypeScript در JavaScript
کد TypeScript توسط مرورگرها پردازش نمی شود زیرا با JavaScript کار می کنند. این امر نیاز به تایپ اسکریپت در JavaScript دارد ، که می تواند در WebStorm انجام شود. کامپایل در برگه مربوطه پیکربندی شده است به طوری که این برنامه تمام فایلها را با پسوند تبدیل می کند * .tsو اشیاء فردی. در صورت ایجاد تغییر در پرونده ای که حاوی کد TypeScript است ، به طور خودکار در JavaScript وارد می شود. اگر در تنظیمات مجوز اجرای این عملیات را تأیید کرده باشید چنین عملکردی موجود است.
زبانها و چارچوبها
محیط توسعه به شما امکان می دهد تا در پروژه های متنوعی شرکت کنید. با تشکر از Bootstrap توییتر ، می توانید پسوندهایی برای سایت ها ایجاد کنید. با استفاده از HTML5 ، می توانید جدیدترین فن آوری های این زبان را به کار بگیرید. دارت به خودی خود صحبت می کند و جایگزین زبان جاوا اسکریپت است ؛ برنامه های وب با کمک آن توسعه می یابد.
شما قادر خواهید بود به لطف ابزار کنسول Yeoman ، توسعه جلویی را انجام دهید. ایجاد یک صفحه با استفاده از چارچوب AngularJS ، که از یک فایل HTML استفاده می شود ، انجام می شود. محیط توسعه به شما امکان می دهد تا بر روی پروژه های دیگری که در زمینه ساختاری برای طراحی منابع وب و موارد اضافی در آنها فعالیت دارند ، کار کنید.
ترمینال
این نرم افزار مجهز به ترمینالی است که بطور مستقیم عملیات های مختلفی را انجام خواهید داد. کنسول داخلی به خط فرمان سیستم عامل دسترسی دارد: PowerShell ، Bash و دیگران. بنابراین می توانید دستورات را مستقیماً از IDE اجرا کنید.
مزایا
- بسیاری از زبان ها و چارچوب های پشتیبانی شده؛
- نکات راهنمای ابزار در کد؛
- ویرایش کد در زمان واقعی
- طراحی با ساختار منطقی عناصر.
معایب
- مجوز محصول پرداخت شده؛
- رابط زبان انگلیسی.
برای خلاصه کردن همه موارد فوق ، لازم است بگوییم که IDE WebStorm یک نرم افزار عالی برای توسعه برنامه ها و وب سایت ها است که دارای ابزارهای بسیاری است. نرم افزار بیشتر روی مخاطبان توسعه دهندگان حرفه ای متمرکز است. پشتیبانی از انواع زبانها و چارچوبها ، این برنامه را به یک استودیوی وب واقعی با ویژگی های عالی تبدیل می کند.
نسخه آزمایشی WebStorm را بارگیری کنید
آخرین نسخه برنامه را از سایت رسمی بارگیری کنید
ارزیابی برنامه:
برنامه ها و مقالات مشابه:
فعال کردن JavaScript در مرورگر Opera 
استودیو اندرویدبه اشتراک گذاشتن مقاله در شبکه های اجتماعی:
