الرئيسية المنتدى مركز رفع الصور صفحتنا على الفيس قناة اليوتيوب صفحتنا على تويتر واتس اب قوانين المنتدى
منتدى مجمع التطوير    

العودة   منتدى مجمع التطوير > المنتدى المتخصص > لغـات البرمجـة والمشـاريع الجـاهزة > برمجة الويب web development

الملاحظات

برمجة الويب web development يهتم ببرامج الويب php, Sql, Java ,asp.net ,xml ,html

آخر 10 مشاركات مواقع للحصول على باك لينكس عالية (الكاتـب : admin - آخر مشاركة : سنبول - مشاركات : 1 - المشاهدات : 560 - الوقت: 10:19 PM - التاريخ: 09-23-2021)           »          التقليد المذموم (الكاتـب : admin - مشاركات : 0 - المشاهدات : 131 - الوقت: 06:44 PM - التاريخ: 09-06-2021)           »          الخداع (الكاتـب : admin - مشاركات : 0 - المشاهدات : 96 - الوقت: 06:43 PM - التاريخ: 09-06-2021)           »          إعلانات شركة Admaven (الكاتـب : سنبول - مشاركات : 0 - المشاهدات : 222 - الوقت: 04:20 PM - التاريخ: 08-26-2021)           »          جدار روحك يريد أن ينقض (الكاتـب : admin - مشاركات : 0 - المشاهدات : 220 - الوقت: 11:27 PM - التاريخ: 08-23-2021)           »          سعر الذهب في مصر وعالميا صباح اليوم الخميس 12 أغسطس 2021 (الكاتـب : admin - مشاركات : 0 - المشاهدات : 266 - الوقت: 02:58 PM - التاريخ: 08-12-2021)           »          تأملت والدنيا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 322 - الوقت: 10:54 PM - التاريخ: 08-03-2021)           »          وكن راضيا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 300 - الوقت: 10:54 PM - التاريخ: 08-03-2021)           »          طوبا لمن عاش في هذه الدنيا غريبا (الكاتـب : admin - مشاركات : 0 - المشاهدات : 314 - الوقت: 10:53 PM - التاريخ: 08-03-2021)           »          لا تشكُ للناسِ (الكاتـب : admin - مشاركات : 0 - المشاهدات : 306 - الوقت: 10:52 PM - التاريخ: 08-03-2021)

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 05-29-2021, 03:36 AM
الصورة الرمزية الادارة كريم
الادارة كريم 
مشرف سابق
 
تاريخ التسجيل: May 2021
الدولة: مصر
المشاركات: 397
معدل تقييم المستوى: 21
الادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to beholdالادارة كريم is a splendid one to behold


افتراضي تخصيص محرر Visual Studio Code

 

ما هو Visual Studio Code ؟

هو محرر شيفرات مجاني و مفتوح المصدر "MIT License" مطور من قبل Microsoft موجه للعديد من الانظمة "Windows, Linux and macOS" . يدعم هذا المحرر العديد من اللغات ويحتوي على عدد كبير من الاضافات التي ستسهل عليك العمل من كتابة و هيئة المحرر و تحليل الشفرة "Code" . في عام 2018 حصل محرر Visual Studio Code على المركز الاول في استبيان stackoverflow كأكثر بيئة تطوير مستخدمة بين المطورين .
يدعم Visual Studio Code الكثير من اللغات مثل JavaScript, TypeScript, CSS, HTML ولغات اخرى عديدة ويمكنك دعم لغات اكثر عن طريق VS Code Marketplace وكما يوفر توثيق للتعامل مع بعض اللغات يمكن ان تستكشفها في التوثيق الرسمي للمحرر .
تنويه : هذا المحرر يجمع بعض بيانات الإستخدام ويرسلها الى Microsoft لتحسين المنتج والخدمات المقدمة , يمكن تعطيل جمع البيانات كما هو موضح في صفحة الأسئلة الشائعة . لمعرفة المزيد عن هذه النقطة اقرأ بيان الخصوصية الخاص بـ Microsoft .
في هذا المقال سأذكر بعض الاضافات التي ستساعدك على العمل بحسب اللغة التي تستعملها , وبعض الاضافات التي ستحسن من مظهر المحرر بشكل عام .
إضافات عامة :

  • المظهر أو Theme :
يوجد عدد من الثيمات المنصبة افتراضيًا مع المحرر ويمكن اضافة ثيمات اخرى من خلال Marketplace , لكن هنا سأرشح بعض المظاهر :
  1. Dark+ : مظهر افتراضي موجود مع المحرر
    لاختيار مظهر معين : File > Preferences > Color Theme او على اختصار Ctrl+K Ctrl+T .
  2. One Dark Pro
    يمكن تثبيته من صندوق Quick Open على اختصار Ctrl+P :
    ext install zhuangtongfa.Material-theme
وهي عبارة عن حزمة ايقونات ستتعين للملفات بحسب امتداد الملف .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install vscode-icons

ستنسق لك هذه الاضافة جميع ما تكتبه كـ TODO في كامل ملفات المشروع , بحيث ستفهرسها في قائمة يسهل الرجوع اليها مما يوفر عليك البحث .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install Gruntfuggly.todo-tree

اضافة رائعة من تطوير Microsoft تمكنك من مشاركة بيئة العمل مع زملائك بصلاحيات التعديل على الكود او القراءة فقط !
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install MS-vsliveshare.vsliveshare مستخدمين نظام GNU\Linux ربما تحتاج تحميل بعض المكتبات لتشغيل الاضافة , تابع الشرح الموجود في التوثيق الرسمي .
قمت بتجربتها مع المبرمج عمار الخوالدة مشكورًا

هذه الإضافة تعتمد على الإضافة السابقة "VS Live Share" بحيث توفر لك سبورة تعاونية في نفس الجلسة "session" التي تشارك فيها بيئة العمل مع زملائك .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install lostintangent.vsls-whiteboard

بعد مشاركة بيئة العمل وإضافة سبورة لتشرح عليها , لم يبقى لك الا ان تضيف اتصالاً صوتيًا بين زملائك في الجلسة ! هذه الاضافة تابعة لـ "VS Live Share" وهي ايضًا من تطوير Microsoft ستسمح لك بالتواصل صوتيًا مع باقي زملائك في الجلسة .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install MS-vsliveshare.vsliveshare-audio

ستسهل لك هذه الاضافة اختصارًا لإنشاء ملف جديد بأي مسار داخل المشروع .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install patbenatar.advanced-new-file

من الاضافات الرائعة التي يمكن ان تستخدمها مع هذا المحرر , توفر لك تشغيل الكود او جزء منه بعدد كبير من اللغات وهي : C, C++, Java, JavaScript, PHP, Python, Perl, Perl 6, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, F# (.NET Core), C# Script, C# (.NET Core), VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D, Lisp .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install formulahendry.code-runner


هذه الاضافة ستوضح لك الاقواس عن طريق تلوين كل قوسين بلون مميز مما يوضح لك نطاق كل دالة او كلاس في الكود .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install CoenraadS.bracket-pair-colorizer

تسمح لك هذه الاضافة بكتابة اعدادات تنسيق خاصة بملفات javascript, JSON, CSS, Sass, HTML بحسب اعدادات lint التي تستخدمها . لمعرفة تفاصيل اكثر عن الاضافة القِ نظرة على اعداداتها .
يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
ext install HookyQR.beautify
إضافات خاصة :

  • إضافات HTML :
  1. Live Server :
    من اهم الاضافات التي ستحتاجها ان كنت تعمل على صفحات HTML , تعمل هذه الاضافة على عمل Live reload بحيث لا تضطر الى اعادة تحميل الصفحة لرؤية تعديلاتك بل تراها مباشرة بعد حفظ الملف .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install ritwickdey.LiveServer
  • إضافات CSS :
  1. CSS Preview :
    تمكنك هذه الاضافة من رؤية تمثيل مرئي لتنسيق الـCSS دون ان تخرج من المحرر .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install sandorengholm.csspreview
  2. CSS Peek
    ستعرض لك هذه الاضافة استعراض سريع لما يحتويه الـClass & IDs ويوفر لك وصول سريع لهم .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install pranaygp.vscode-css-peek
  • إضافات JavaScript
  1. JavaScript Snippet Pack
    توجد الكثير من الاضافات التي توفر لك اكمال تلقائي لـJavaScript لكن ميزة هذه الاضافة انها ستوفر لك اختصارات في اللغة تختصر عليك الوقت , مثلا :
    [cl] console.log : console.log(${1}); [ae] addEventListener : ${1:document}.addEventListener('${2:load}', function(e) { ${3:// body} }); [gi] getElementById : ${1:document}.getElementById('${2:id}'); [fe] forEach : ${1:array}.forEach(function(item) { ${2:// body} }); [fn] function : function ${1:methodName} (${2:arguments}) { ${3:// body} } [si] setInterval : setInterval(function() { ${0:// body} }, ${1:1000}); قائمة الاختصارات كاملة تجدها في صفحة الاضافة في المتجر .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install akamud.vscode-javascript-snippet-pack
  2. Import Cost
    تعرض لك هذه الاضافة حجم كل حزمة تقوم باضافتها بشكل بسيط جدا في سطر الاستدعاء .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install wix.vscode-import-cost
  • اضافات PHP
  1. HugoBot
    من اقوى الاضافات التي ممكن ان تستعملها لـPHP , حيث ستعرض لك هذه الاضافة ناتج الكود مباشرة دون ان تغادر المحرر !
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install ziishaned.hugobot
  2. PHP Intelephense
    اضافة اخرى قوية تقدم عدد كبير من الميزات ومنها ؛ عرض صندوق لتوضيح الباراميترز اثناء استخدام function , وتسهل لك الوصول السريع لمكان كتابة المتغير والـfunction بمجرد الضغط عليه مع Ctrl , وتحسن الاكمال التلقائي لـPHP .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install ziishaned.hugobot
  • اضافات اطار عمل Laravel :
  1. Laravel 5 Snippets
    ببساطة ستوفر لك هذه الاضافة دعمًا للاكمال التقائي في Laravel , ستكون اضافة اساسية لمطوري Laravel .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install onecentlin.laravel5-snippets
  2. Laravel Blade Snippets
    هذه الاضافة ايضا اعتبرها اساسية لمطوري Laravel فستوفر لك دعمًا للاكمال التلقائي مع اختصارات للارافيل في قوالب Blade .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install onecentlin.laravel-blade
  • اضافات SQL :
  1. SQLTools - Database tools
    تتيح لك هذه الاضافة الاتصال بقاعدة البيانات وكتابة Query واستعراض قاعدة البيانات .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install mtxr.sqltools وهناك اضافة اخرى بنفس الوظيفة القِ نظرة عليها vscode-database .
  • اضافات Git
  1. Git Extension Pack
    توفر لك هذه الاضافة دعم لخدمات git مثل Git History , Project Manager , gitignore وايضًا الوصول الى حسابك في اشهر المواقع التي تقدم خدمات VCS وهي GitHub, Bitbucket, and GitLab .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install donjayamanne.git-extension-pack
  • اضافات Python
  1. Python
    اضافة مفتوحة المصدر من تطوير Microsoft , توفر لك هذه الاضافة دعم للغة بايثون من ناحية الاكمال التلقائي والتنسيق والتشغيل .
    يمكن تثبيتها من صندوق Quick Open على اختصار Ctrl+P :
    ext install ms-python.python


الموضوع الأصلي : تخصيص محرر Visual Studio Code || الكاتب : الادارة كريم || المصدر : منتدى مجمع التطوير

 

رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[شرح] استخدم Visual Studio لإنشاء مكتبة ديناميكية مكتبة ثابتة ، وتحميل الادارة كريم برامج Microsoft Visual 1 06-03-2021 01:44 PM
[شرح] ما هو فيجوال استوديو Visual Studio الادارة كريم برامج Microsoft Visual 1 05-31-2021 03:30 PM
[شرح] استخدم أداة EBuilder التي تأتي مع Visual Studio لتجميع مكتبة ثابتة الادارة كريم برامج Microsoft Visual 0 05-28-2021 02:14 AM
[شرح] استخدم أدوات Microsoft Visual Studio الخاصة لعرض تبعيات المكتبة الديناميكية الادارة كريم برامج Microsoft Visual 0 05-28-2021 02:10 AM
[شرح] كيفية استخدام أداة DumpBin.exe التي يوفرها Microsoft Visual Studio لعرض قسم تصدير DLL الادارة كريم برامج Microsoft Visual 0 05-28-2021 01:54 AM

 

موقع ومنتديات مجمع التطوير موقع يختص بالبرمجة والبرامج المساعدة  للتصاميم والأدوات المساعدة ,مع تقديم العون والمساعدة لكل مبرمج من خلال الأقسام المحددة , كما نعرض الأعمال الجاهزة والمفتوحة المصدر. ويهتم أيضا بالتصاميم والجرافيك وبرامجها وعرض التصاميم وملحقات التصاميم والأدوات المساعدة .كما نتمنى التوفيق لنا ولكم مع أجمل تحية مقدمة منا. 

  • الرئــيســية

  • الــمنــتـدى

  • مركز الرفع

  • التسـجـيل

  • قوانين المنتدى

  • التعـلـيمـات

  • الترقيات

check pagerank

 Flag Counter

كلمة الإدارة  منتدى مجمع التطوير غير مسئول عن أي طرح من الأعضاء فتلك الموضوعات تعبر عن رأى صاحبها ومن خلال وضع قوانين وتعليمات المشاركة بالمنتدى نسعى جاهدين لتطبيق تلك التعليمات. والمنتدى أيضا غير مسئول عن أي اتفاق مالي أو تجارى بين الأعضاء وبذلك تعد هذه الصيغة إخلاء مسئولية من جانب إدارة المنتدى وفقنا ووفقكم الله لما فيه الخير
 
الساعة الآن 08:13 AM


Powered by vBulletin® Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.
جميع الحقوق محفوظة لمجمع التطوير