VSCode打开vue项目,解决无法对@/assets/*的路径跳转

方法1:安装Vue Peek插件

用于Vue快速查看组件定义以及组件跳转,具体使用见插件文档地址中的使用方法。
插件文档地址:https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek

安装成功后,直接ctrl+鼠标左键点击就可以了!
在这里插入图片描述

方法2:使用jsconfig.json文件跳转配置

jsconfig.json是VSCode自带的一个配置文件,默认不生成这个文件,需要自己创建。官方文档有说明。
在项目根目录新建 jsconfig.json 文件

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

猜你喜欢

转载自blog.csdn.net/a0405221/article/details/119473695
今日推荐