vue 别名路径自动识别 只能识别 js 文件？

  • Z时代
  • 2024-03-02
  • 分类：IT

场景描述：

我使用 Path Intellisense 来使得 vscode 自动识别 vue 别名路径，这样就可通过鼠标点击路径来进行文件跳转

下面是我的配置过程：

  • 安装 Path Intellisense v2.8.4

  • webpack 配置

    resolve: {
      extensions: ['.js', '.vue', '.json'],
      alias: {
        'vue$': 'vue/dist/vue.esm.js',
        '@': resolve('src'),
        '@static': resolve('static')
      }
    },

  • settings.json 配置

    "path-intellisense.mappings": {
      "@": "${workspaceFolder}/src",
      "@static": "${workspaceFolder}/static"
    },

  • jsconfig.json 配置

    {
    "compilerOptions": {
      "experimentalDecorators": true, 
      "baseUrl": "./",
      "paths": {
        "@/*": ["src/*"],
        "components/*": ["src/components/*"],
        "filters/*": ["src/filters/*"],
        "mock/*": ["src/mock/*"],
        "@static/*": ["static/*"]
      }
    },
    "include": ["src/**/*.vue", "src/**/*.js", "src/**/*.ts", "src/**/*.jsx", "src/**/*.tsx"],
    "exclude": ["node_modules", "dist"]
    }

问题描述：

现在 vscode 只能识别 .js 文件，不能识别 .vue 文件

例如：

import xxx from '@/pages/xxx' // .vue文件无法识别
import { login } from '@/api/login' // .js文件正常识别

这与路径无关，即使我在 @/pages/ 路径下放 .js 文件，依旧可以正常识别
尝试了发现 .ts 文件也无法识别

各位大佬，请问我的配置有什么问题吗？

回答：

针对 vue 文件路径智能感知，建议用 vetur 插件。ts是支持的，需要配置 tsconfig.json，可参考：https://marketplace.visualstu...

以上是 vue 别名路径自动识别 只能识别 js 文件？ 的全部内容， 来源链接： utcz.com/p/933620.html

回到顶部