如何配置jsconfig.json文件解决VSCode中无法识别@别名引用的问题

逆境中生存

在现代web开发中，使用别名来引用模块已经成为了一个非常常见的做法。这样可以使得代码更加易读、易维护。然而，在使用VSCode进行开发时，如果不正确地配置jsconfig.json文件，就会遇到一些问题。
其中一个比较常见的问题是，在使用“@”符号来引用模块时，无法通过Ctrl + 点击来跳转到相应的文件。这是因为默认情况下，VSCode无法识别这个“@”符号，并且不知道该如何解析它。
为了解决这个问题，我们需要在jsconfig.json文件中进行一些配置。具体来说，我们需要在compilerOptions中添加paths属性，并将“@”符号映射到具体的路径上。
例如，在下面的jsconfig.json文件中：

1. {
2.   "compilerOptions": {
3.     "baseUrl": ".",
4.     "paths": {
5.       "@/*": ["src/*"],
6.       "@/components": ["src/components"]
7.     },
8.     "experimentalDecorators": true
9.   },
10.   "resolveExtensions": [".js", ".vue", ".ts"],
11.   "exclude": [
12.     "node_modules",
13.     "**/node_modules/*"
14.   ]
15. }

复制代码

我们将“@”符号映射到了“src/”和“src/components/”路径上。此时，在代码编辑器中使用“@”符号引用模块时，VSCode将能够正确定位到相应的文件，并且可以通过Ctrl + 点击进行跳转。
总的来说，正确配置jsconfig.json文件是解决VSCode无法识别别名引用的一个非常有效的方法。这样可以使得代码开发和维护更加高效，也能够提高开发者的工作效率。
(本文使用chatgpt生成)

来源:https://www.cnblogs.com/imjtzhang/p/17303297.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！