سلاام!!!
| آنچه گذشت |
توی قسمت قبلی اسنیپ اولیه خودمون رو ساختیم. توی این قسمت میخواییم که یه سری نکته ریز یاد بگیریم که میتونه استایل خاصی رو به کدمون بده.
توی اولین مرحله، میتونی از t\ برای ایجاد یک تب ( Tab )؛ همچنین برای رفتن به خط بعد در فایل json برای زیبایی بیشتر کد نهایی، از n\ استفاده کنی. ( البته بین دابل کوت ها باید باشن! )
الان کافیه که توی سند htmlمون این اسنیپ رو اجرا کنیم که با تصویر زیر مواجه می شویم. مشاهده می شود که کدمون به صورت آبشاری :) و منظم ایجاد شده.
قدم بعدی، ایجاد یک ساختار برای تغییر یک سری قسمت های کد، مثل title یا آدرس دهی به href، در سند htmlمون.
برای این کار میتونی از دالر + عدد ( number + $ ) استفاده کنی؛ به این صورت که اگر در هرجایی از کد اسنیپت یک 1$ بزاری، وقتی توی سند htmlت از اون اسنیپ استفاده کنی، مکان نمای چشمک زن (Cursor) در همون مکان 1$ قرار میگیره.
حالا اگر یکجای دیگ از کد 2$ بزاری، با زدن تب ( Tab ) مکان نما به اونجا میره و آماده تایپ کردنه :)) .
| یک نکته : 0$ برای تعیین آخرین جایی که مکان نما قرار بگیره میتونه استفاده بشه |
همچنین میتونی یک مقدار اولیه هم براش بزاری؛ البته با این ساختار --> { number : label } $ . برای مثال اگر برای number عدد 3 رو انتخاب کنیم، در ادامه کدمون هر جا 3$ بزاری، تمام این 3$ ها بهم متصل میشن، و با تقییر دادن یکیش بقیه هم تغییر میکنه.
توی تصویر پایین ویرایش نهایی رو انجام دادم و میتونین نتیجه کارمون رو ببینیم.
خب این آموزش هم تموم شد. امیدوارم که براتون مفید بوده باشه. لطفا لایک فراموش نشه !!! ممنونم
