방법 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"
]
}