Avatar ·

كيفية إخفاء ملفات .js.map في Visual Studio Code باستخدام File Nesting

مرحبًا بالجميع! لقد بدأت مؤخرًا في تعلم TypeScript وواجهت مشكلة: بعد تجميع ملفات .ts الخاصة بي، يظهر في مجلد المشروع مجموعة من الملفات الإضافية — .js و .js.map. هذا يسبب فوضى كبيرة في مستكشف Visual Studio Code. إليك مثال على مشروعي. لدي ملف `app.ts`: ```typescript // app.ts function greet(name: string): string { return `مرحبًا، ${name}!`; } const user = "إيفان"; console.log(greet(user)); ``` بعد تشغيل `tsc app.ts`، يظهر في نفس المجلد `app.js` و `app.js.map`. وإذا كان لدي 10–20 ملفًا، يصبح المستكشف فوضويًا حقًا: كل ملفات .ts و .js و .js.map مختلطة. أعلم أنه يمكنني إعداد `tsconfig.json` لوضع الملفات المترجمة في مجلد منفصل `dist`، لكن هذا ليس مناسبًا دائمًا — أحيانًا أحتاج إلى أن تكون ملفات .js بجانب .ts، مثلاً للعمل مع Node.js. سمعت أن في VS Code هناك ميزة "File Nesting" تسمح بـ "تداخل" ملفات داخل أخرى في شجرة المستكشف. على سبيل المثال، جعل...