نحوه تغییر و تنظیم snippet ها در ادیتور VScode

ما وقتی از emmet استفاده می کنیم، یکسری علامت های مشخصی داریم که با نوشتن اونها می توانیم به یک ساختار از قبل تعریف شده دسترسی داشته باشیم. برای مثال با نوشتن علامت تعجب ! و زدن دکمه Tab یک ساختار اولیه از HTML داشته باشیم. در ادیتور وی اس کد این امکان وجود داره … ادامه

چگونه صفحه ادیتور VScode را به چند بخش تقسیم کنیم؟

در ادیتور وی اس کد می توانیم بخش ویرایش کد را به دو سه بخش تقسیم کنیم تا همزمان بتوانیم روی چندین فایل کار کنیم. برای این کار بهتر است دکمه های Ctrl + Shift + p رو میزنیم و در کادر باز شده کلمه Split رو می نویسیم در لیست نمایش داده شده می … ادامه

ترفند های کاربردی فایل Setting.json در ادیتور VScode

فایل setting.json فایلی هست که تمامی تنظیمات و شخصی سازی های ما بصورت جی سون در آن ذخیره میشود و برای ادیت هر قسمت بصورت دستی می توانیم اقدام کنیم. برای باز کردن این فایل می توانید دکمه های Ctrl + Shift + P رو فشار دهیم و سپس در بخش باز شده سرچ کلمه … ادامه

اکستنشن های کاربری برای ادیتور VScode

Auto Rename Tag – کاربردی این اکستنشن باعث میشود اگر یک تگ وقتی تغییر داده میشود، بصورت اتوماتیک تگ بسته آن نیز تغییر داده میشود. فرضا یک تک دایو بصورت زیر داریم، که وقتی div اول تغییر داده میشه بصورت خودکار div دوم هم تغییر پیدا میکنه: <Div> text example </Div> <Div111> text example </Div111> … ادامه

نحوه استفاده از Emmet

ساختار کامل HTML با نوشتن علامت تعجب ! و فشار دادن کلید Tab می توان ساختار کلی و کامل اچ تی ام رو داشته باشیم. دستور ایمپورت فایل CSS به html با تایپ دستور link:css ما ساختار کاملی برای لود و فراخوانی فایل CSS را خواهیم داشت، به شکل زیر: <link rel=”stylesheet” href=”style.css”>  

شورت کدهای کاربردی وی اس کد (VScode)

جابجایی خط کد بین خطوط با نگهداری دکمه ALT و جهت های بالا ↑ و پائین ↓ می توان خط مذکور را بالا و پائین کرد. کپی گرفتن از خط کد برای اینکه بتوانیم از خطی که در آن هستیم یک کپی بگیریم می توانیم دکمه های Shift + ALT + Arrow را بزنیم. سلکت … ادامه