#React
#JavaScript
#VSCode

The Ultimate VSCode Setup for Front End/JS/React

https://goo.gl/wB7X5p

@fullStackDevs

#IntelliCode
#VsCode

IntelliCode for TypeScript/JavaScript for Visual Studio Or Vs Code


https://goo.gl/3SXZ92

@fullStackDevs

#VSCode


🔹 توسعه پایتون از راه دور در ویژوال استودیو کد

امروز تیم پایتون ماکروسافت و ویژوال استودیو کد امکان توسعه از راه دور در ویژوال استودیو کد را معرفی کردند.

فعال کردن visual studio code developers برای توسعه که در آن code و tools خود را از راه دور در داخل docker containers، remote SSH hosts و زیرسیستم ویندوز برای لینوکس WSL))

این پشتیبانی در حال حاضر در Visual Studio Code Insiders ایجاد می شود و توسط سه افزونه های جدید از راه دور در بازار کد ویژوال استودیو فعال می شود:

🧩 Remote-Containers

در فضاهای کاری که در داخل کانتینرهای محلی قرار دارند توسعه می یابد

🧩 Remote-SSH

در فضاهای کاری که در یک دستگاه از راه دور روی یک اتصال SSH در حال اجرا است، توسعه یافته است

🧩 Remote-WSL

توسعه در فضاهای کاری در حال اجرا در داخل زیرسیستم ویندوز برای لینوکس

📌 لینک مطلب

@fullStackDevs

#VSCode

🌀 نکاتی برای استفاده ی بهتر از Visual Studio Code

🧩 Material Theme
شما وقت زیادی را صرف نگاه کردن به کد می کنید ، بنابراین یه تم خوب میتونه کمتر باغث خستگی چشم های شما داشته باشه. این تم یه extention محبوب رایگان برای ویژوال استودیو کد با رنگ های جذاب .

🧩 Material Theme Icons
میتونید با نصب این extention ایکون فولدر و فایل ها رو ویژوال استودیو کد تغییر بدید ! پیشنهاد میکنم نصب کنید ، ایکون های جذابی داره‌ مخصوصا اگر material theme رو نصب کردید !

🧩 Emmet
یک افزونه محبوب text editors ها که تا حد زیادی برای مختصر کد نوشتن در css و html بصورت هوشمندانه !
مثلا دستور ul>li*3>span.hello$ معادل دستور زیر است:

<ul>
     <li><span class="hello1"></span></li>
     <li><span class="hello2"></span></li>
     <li><span class="hello3"></span></li>
</ul>

این افزونه نیاز به نصب ندارد وبعد از نوشتن دستورات باید enter بزنید ولی اگر بخواید مثل ویژوال استودیو بعد نوشتن دستور با زدن کلید tab‌ انتظار اعمال دستور را داشته باشید باید در settings.json
( برای دسترسی به این فایل باید از طریق منوی file>preferences>settings یا Ctrl+, و در پنجره باز شده تب user قسمت texteditor>files روی لینک edit in settings.json کلیک کنید تا بصورت فایل باز شود ) دستور زیر را وارد کنید .

"emmet.triggerExpansionOnTab": true,

این extention تنظیمات زیادی داره مثلا فعال کردن در فایل های jsx یا jade میتونید کل تنظیمات را اینجا مطالعه کنید.

🧩 Breadcrumbs
این افزونه (زیر نوار عنوان نمایش داده می شود) یک ویژگی خوبی که داره که مکان فایل شما را در codebase نشان می دهد که اگر بر روی یکی از بخش ها کلیک کنید، مکان فعلی شما را نشان می دهد .

درواقع navigate کردن سریع در سطح file یا symbol

برای فعال کردن این ویژگی باید دستور زیر را به settings.json اضافه کنید:

"breadcrumbs.enabled": true,

@fullStackDevs

#javascript
#VSCode

ویژوال استودیو کد , تجربه ای عالی در ویرایشگر متن درست مثل IDE ارائه می دهد ، در اینجا برخی از extentions هایی در ویژوال استودیو کد موجود هست که برای توسعه وب با استفاده از جاوا اسکریپت، HTML و CSS مفید است.
این مجموعه شامل extentions ,git tools و تم های پیشنهادی میباشد که شما بستگی به نیازهایتان می توانید برخی از آنها را انتخاب کنید و یا غیر فعال کنید

🔹️ Download and try:

https://marketplace.visualstudio.com/items?itemName=GulajavaMinistudio.javascript-complete-packs

🔸️ List of extensions , Github Sources and release notes can be seen here:

https://github.com/GulajavaMinistudio/FullJSExtensionPackCode

#Code #Extensions #Pack

@fullStackDevs

#VSCode
#Edge

VS Code - Elements for Microsoft Edge (Chromium)

ابزار Elements مرورگر را در داخل ویرایشگر VSCode نمایش دهید و از آن سریعتر برای رفع نکات ظاهری، طرح بندی (Layout) و CSS با سایت خود استفاده کنید.

یک افزونه VSCode که به شما اجازه می دهد از ابزار مرورگر داخل ویرایشگر استفاده کنید. این ابزار به یک نمونه از Microsoft Edge متصل می شود که به شما امکان می دهد که میتوانید در زمان اجرا ساختار HTML ، طرح را تغییر دهید و یا css را اصلاح کنید و دیگر نیاز نیست تغییرات رو روی مرورگر ببینید و به vscode برگردید برای تغییرات !
برای نصب این افزونه میتونید از لینک زیر استفاده کنید.

Elements for Microsoft Edge


@fullStackDevs

#VSCode
#Github

A cool feature that GitHub has just added is the use of a point (.) key .wherever you are in the repository, which opens the code on the VS Code Editor browser

یک ویژگی جالب که GitHub به تازگی اضافه کرده است ، استفاده از کلید نقطه در هر کجا که در مخزن هستید ، است که کد را روی یک VS Code Editor browser باز می کند.
فقط برا ما گویا با وی پی ان باز میکنه 😐

@fullStackDevs

#vscode #extention

How to take fancy screenshots
of your codes in vs code?


@fullStackDevs