我在一个使用了Webpack的Vue.js项目中工作。许多导入使用@作为src目录的别名。如何配置VSCode以解析别名并使智能感知与这些导入一起工作?
我在网上的许多地方找到了如何使用jsconfig.json或tsconfig.json在VSCode中设置别名。我已经尝试在这两个文件中进行配置,但似乎都不起作用。
我的jsconfig.json:
{
"compilerOptions": {
"target": "es6",
"allowSyntheticDefaultImports": false,
"baseUrl": ".",
"paths": {
"@/*": ["./src/*"]
}
},
"exclude": ["node_modules", "dist"]
}我希望VSCode能解析路径中的别名,让智能感知和窥视定义工作。
发布于 2019-07-17 01:54:57
在我当前的项目中,我在根目录下有一个jsconfig.json,其中包含以下内容:
{
"compilerOptions": {
"target": "es2017",
"allowSyntheticDefaultImports": false,
"baseUrl": "./",
"paths": {
"@/*": ["src/*"],
}
},
"exclude": ["node_modules", "dist", "docs"]
}这对我来说很管用。
我不知道moduleResolution在您的配置文件中到底做了什么,在我的例子中,我的baseUrl是根文件夹。
vs代码的相关文档:https://code.visualstudio.com/docs/languages/jsconfig#_using-webpack-aliases
试试看,告诉我它是不是工作得更好?
https://stackoverflow.com/questions/57062340
复制相似问题