برنامه نویسی

نحوه پیکربندی PHPStorm برای کار با Vite – Aliases

Summarize this content to 400 words in Persian Lang اگر هنگام کار با فایل‌های JS (یا Vue) در استفاده از کلید میانبر «اعلام یا موارد استفاده» برای پیمایش به فایل‌های وارد شده از نام‌های مستعار مشکل دارید، به عنوان مثال:

<script setup>
import SomeComponent from ‘@/views/components/SomeComponent.vue’

</script>

راه حل بسیار ساده است، فقط یک فایل پیکربندی در پوشه ریشه پروژه به نام “phpstorm.config.js” ایجاد کنید و این تنظیمات را قرار دهید:

System.config({
“paths”: {
“@/*”: “./resources/js/*”,
}
});

“مسیرها” باید مشابه مسیرهایی باشند که در vite.config.js استفاده می کنیم، به عنوان مثال:

resolve: {
‘@’: fileURLToPath(new URL(‘./resources/js’, import.meta.url)),

}

پس از ایجاد فایل “phpstorm.config.js”، PHPStorm به طور خودکار نام های مستعار را درک می کند و پیمایش را به طور معمول انجام می دهد.

اگر هنگام کار با فایل‌های JS (یا Vue) در استفاده از کلید میانبر «اعلام یا موارد استفاده» برای پیمایش به فایل‌های وارد شده از نام‌های مستعار مشکل دارید، به عنوان مثال:

<script setup>
import SomeComponent from '@/views/components/SomeComponent.vue'
...
</script>

راه حل بسیار ساده است، فقط یک فایل پیکربندی در پوشه ریشه پروژه به نام “phpstorm.config.js” ایجاد کنید و این تنظیمات را قرار دهید:

System.config({
  "paths": {
    "@/*": "./resources/js/*",
  }
});

“مسیرها” باید مشابه مسیرهایی باشند که در vite.config.js استفاده می کنیم، به عنوان مثال:

  resolve: {
      '@': fileURLToPath(new URL('./resources/js', import.meta.url)),
  ...
  }

پس از ایجاد فایل “phpstorm.config.js”، PHPStorm به طور خودکار نام های مستعار را درک می کند و پیمایش را به طور معمول انجام می دهد.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا