vscode 引入文件路径提示

最新推荐文章于 2024-07-07 15:06:53 发布

GandoraMask

最新推荐文章于 2024-07-07 15:06:53 发布

阅读量1k

点赞数

分类专栏：随笔文章标签： vscode vue.js javascript

本文链接：https://blog.csdn.net/qq_36208612/article/details/129089942

版权

随笔专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.在项目跟目录新增 tsconfig.js or jsconfig.json

{
  "compilerOptions": {
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true,
    "allowJs": true,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "build"]
}

jsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "target": "ES6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

2.安装vue-helper
3.安装Path Intellisense
4.在settings.json配置文件中配置

{
  "vue-helper.componentIgnore": ["node_modules"],
  "vue-helper.alias": {
    "@": "src"
  },
  "vue-helper.componentPrefix": {
    "alias": "@",
    "path": "src"
  },
 "path-intellisense.extensionOnImport": true,
 "path-intellisense.mappings": {
    "@":"${workspaceRoot}/src"
  }
}