ویژگی های vetur
درحال حاضر که طراحی اپلیکیشن در مشهد برنده شدیم پلاگین Vetur را نصب کنیم اذن دهید که نگاهی به خصوصیت های فوق العاده آن داشته باشیم، syntax highlighting که بوسیله امر p+ شکل میگیرد و اسم فولدر .vue را تایپ می نماید. ما خواهیم توانست فولدر about.vue را گشوده کنیم، همانگونه که مشاهده میکنید اکنون کد ما دارنده سینتکس قابل قبولی میباشد، با این اکنون هنوز کد قابل قبولی وجود ندارد. پوشه Home.vue را تحلیل میکنیم و مشاهده میکنیم که کدهای جاوا اسکریپت ما دراین ویرایشگر کد برای Vue.js به خیر هایلایت گردیدهاست. یک کدام از دیگر از خصوصیت های فوق العاده این ویرایشگر کد برای Vue.js این میباشد که به نیکی کدهای درج شده را پکیج بندی می نماید، این عمل به شما این اذن را میدهد که خیلی سریع بتوانید کدهای متعددی را سوای رنج زیاد بنویسید. این ویرایشگر کد برای Vue.js این اذن را به شما میدهد که یک کامپوننت نو تولید فرمایید تا این مورد را به خیر ملاحظه کنید، اسم این ابزار Event Card.vue میباشد. اکنون در صورتیکه ما واژه و کلمه scaffold را به اسم فولدر .vue اضافه کنیم این فولدر را به کامپوننت ما اضافه می نماید.
ابزار Emmet Vetur
ابزار Emmet Vetur کدهای شمارا به وسیله Emmet پکیج بندی می نماید، این یک ابزار دوستداشتنی میباشد که به شما این قابلیت را میدهد که میانبرهای خویش را اضافه فرمائید و برای ساختوساز کدهای عالی و کیفیت بالا خیس از آنها به کارگیری فرمائید. برای مثال ما نمی توانیم تگ h1 را تایپ کنیم و بعد از آن اینتر بزنیم به دلیل آن که این فعالیت یک عنصر گشوده و بسته h1 به ما میدهد. وقتی که کد بغرنج تری می نویسیم مانند div>ul>li میتواند کد ذیل را ساخت نماید: