• فعال سازی  Angular Language Serviceدر VS Code
فعال سازی Angular Language Serviceدر VS Code
1396/02/08 - 20:36:11 // Angular JS // 0 نظر // 179 بازدید

اگر پروژه های Angular را در VS Code باز کرده و در حال توسعه باشید، خواهید دید که اگر یک Field در فایل Component.ts ایجاد کنید، درون HTML Template هیچ گونه Intellisense خاصی ندارید و فیلدها و اعضای تعریف شده در قسمت HTML شناخته شده نیستند و این گاهی حتی مارا به شک می اندازد که اصلن آیا داریم درست از نام فیلدها استفاده میکنیم یا نه.

بسمه تعالی

فعال سازی Angular Language Serviceدر VS Code

در این مقاله قصد دارم بخش کوچک دیگری از دریای بیکران علم خودم را که خودم بارها در آن غرق شده و با کمک غریق نجات و تیوپ و ... نجات پیدا کرده ام را در اختیار شما عزیزان قرار دهم.

اگر پروژه های Angular را در VS Code باز کرده و در حال توسعه باشید، خواهید دید که اگر یک Field در فایل Component.ts ایجاد کنید، درون HTML Template هیچ گونه Intellisense خاصی ندارید و فیلدها و اعضای تعریف شده در قسمت HTML شناخته شده نیستند و این گاهی حتی مارا به شک می اندازد که اصلن آیا داریم درست از نام فیلدها استفاده میکنیم یا نه.

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

الان به وضعیت زیر دقت کنید.

 

مقدار MyName را تعریف کرده ایم. حال ببینیم در HTML Template ما چه خبر است.

از Intellisense هیچ خبری نیست و این کمکی اذیت کننده است.

حالا با نصب یک Plugin در VS Code این مشکل را حل خواهیم نمود. به قسمت Plugin ها در VS Code بروید و به دنبال Angular Language Service بگردید.

 
 

خوب نصبش کنید دیگه. بعد از نصب وضعیت Intellisense را ببینید .

حالا اگر درون Template روی یک فیلد کلیک هم بکنید، شما را به درون فایل TS که در آن این فیلد تعریف شده میبرد. این وضعیت برای خیلی از Tag ها و Event ها هم به وجود می آید و میتواند بسیار مفید باشد.

امیدوارم این نوشته کوتاه برای شما مفید بوده باشد، هر چند اگر نبود هم زیاد مهم نیست.

موفق باشید.

 
علی کلاهدوزان
معرفی نویسنده : علی کلاهدوزان

سلام بر دوستان ،
شاید رایج است به عنوان پروفایل کاربر ، چند خطی راجع به خودم بنویسم ، ولی وضعیت کاری و سوابق من با یک جستجوی ساده در گوگل مشخص خواهد شد ، لذا سرتان را با مطالب بی مورد به درد نیاورم بهتر است . اگر نکته خاصی لازم بود بدانید در قسمت "ایلیا سافت در یک نگاه" به احتمال زیاد یافت خواهد شد . جزئیات بیشتر را سوال کنید ، آدرس ایمیل Ali@Kolahdoozan.com همیشه جوابگوی شماست .امیدوارم از مطالب سایت استفاده کرده باشید . شاد و پیروز باشید .

امتیاز به مطلب
           
نظرات کاربران
ارسال نظر