Как настроить windows и phpstrom на работу с путями типо '@/...'?

Question

[Владимир Голубь]

В nuxt проекте, для импорта компонентов использую следующие пути:

components: {
      ContainerElement: () => import("@/components/grid/ContainerElement"),

В Mac проблем по навигации по ним проблем нет, как исправить это проблему в windows ?

Answer 1

[Вадим]

Создать jsconfig и\или tsconfig file с указанием алиасов

// jsconfig.json
{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/common/*": [
        "../src/common/*"
      ],
      "@/components/*": [
        "../src/common/components/*"
      ],
      "@/utils/*": [
        "../src/common/utils/*"
      ],
      "@/modules/*": [
        "../src/modules/*"
      ]
    }
  }
}

и что-то вроде такого

/ tsconfig.json
{
  "extends": "../tsconfig.json",
  "include": [
    "./**/*.ts*"
  ],
  "exclude": [],
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/common/*": [
        "../src/common/*"
      ],
      "@/components/*": [
        "../src/common/components/*"
      ],
      "@/utils/*": [
        "../src/common/utils/*"
      ],
      "@/modules/*": [
        "../src/modules/*"
      ]
    },
    "types": [
      "cypress"
    ],
    "sourceMap": false,
    "isolatedModules": true
  }
}

UPD:
а ещё можно в корне проекта создать файл phpStorm.config.js
в котором написать:

System.config({
  "paths": {
    "components/*": "./src/components/*",
    "core/*": "./src/core/*",
    // алиасы и тд
  }
});

upd2:
Про конфиг файлы чуть более подробно в статье: https://lmichelin.fr/vscode-intellisense-jsconfig-...

Comments

[Владимир Голубь]

Проблем с компиляцией нет, только при написании кода не работают автоматические подстановки и ctrl + left click

[Вадим]

Владимир Голубь, я и не отвечаю Вам про компиляцию.
пхпшторм начнёт руководствоваться инфой из этих конфиг файлов для резолва путей в соответствии с тем, что написано "path"

[Владимир Голубь]

Спасибо, заработало) Может кому пригодиться - https://lmichelin.fr/vscode-intellisense-jsconfig-...

[Вадим]

Владимир Голубь, Дополнил ответ Вашей ссылкой