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

Question

场景描述：

我使用 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 文件也无法识别

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

Answer 1

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