当前位置: 首页 > Web前端 > vue.js

解决vscode中文件路径使用@导致的引用丢失和跳转失效等问题

时间:2023-03-31 16:23:12 vue.js

解决vscodesrc')中文件路径使用@导致的引用丢失和跳转失效问题,}}通过这个配置,我们可以方便的在其他文件中引入模块时使用“@”作为占位符或别名项目,表示项目根路径下的src文件夹,这样可以让我们少写一些冗长的代码,让代码更加简洁,这也是官方推荐的配置。但是,在给我们写路径带来一些方便的同时,也带来了一些问题:1.当路径输入到一半的时候,vscode并没有像我们预期的那样出现,而是出现了推荐的路径,方便我们自动补全;2、按下command,将鼠标光标移动到导入的对象上时,无法出现代码预览,也无法按左键跳转到该对象的源码;3.vscode完全不知道对象的具体类型及其包含的属性和方法的引入,这样代码只能提示,不能自动补全。以上三个问题的出现,让本就吃苦耐劳的程序员雪上加霜,必须想办法解决。这时候就需要jsconfig.json了。jsconfig.json在项目根目录下创建一个jsconfig.json文件,内容如下:{"compilerOptions":{"target":"ES6","module":"commonjs","allowSyntheticDefaultImports":true,"baseUrl":"./","paths":{"@/*":["src/*"]}},"exclude":["node_modules"]}然后重新加载项目代码或者重启vscode,你会发现之前出现的那三个问题已经不存在了。关于jsconfig.json的更多信息,请参考这篇文章