Visual Studio Code Intellisense 및 자동 완성 - Vite, JSconfig 및 별칭 - 올바른 조합을 찾을 수 없습니다.

Question

수년간 PHPStorm/Webstorm을 사용한 후 Visual Studio Code 작업을 다시 시작했습니다

VSCode는 매우 가볍고 유료 서비스에 의존하거나 VSCode가 거의 모든 곳에 있고 무료이기 때문에 모든 컴퓨터에 적용하고 싶지 않았기 때문에 전환하기로 결정했습니다.

다시 시작해요

Vite+Vue3

이제 몇 가지 문제가 생겼습니다. 수입 CTRL+클릭 - 참조로 이동 자동완성

내 Vite.config는 다음과 같습니다 - 별칭 활성화

으아악

이제 vite 구성만으로 "@" 별칭을 사용하여 가져올 수 있지만 Intellisense는 발생하지 않습니다. 가져오기를 자동 완성할 수 없고 Ctrl + 클릭도 할 수 없습니다

jsconfig.json 파일 추가 후

으아악

이제 "@"를 사용하여 구성 요소를 가져올 수 있고 전체 Intellisense를 사용하여 Ctrl 키를 누른 채 클릭할 수도 있습니다. 하지만 이제 node_modules를 가져오는 기능을 잃었습니다. 모든 intellisense가 사라졌습니다

따라서 vite/jsconfig를 사용하면 "@" 별칭을 Ctrl+클릭/자동 완성할 수 있습니다. 하지만 node_module 가져오기 기능이 사라졌습니다

vite.config 별칭 구성을 제거하고 jsconfig를 삭제하면 node_module intellisense를 다시 얻었지만 프로젝트의 intellisense가 손실되었습니다.

여기서 내가 무엇을 놓치고 있나요? 이 문제를 해결하도록 도와주세요.

또한 작동 방식을 이해할 수 있도록 모든 npm 가져오기 확장을 제거했습니다

Answer 1

jsconfig.json 파일로 인해 문제가 발생했습니다.

디렉토리에 jsconfig.json 파일이 있다는 것은 해당 디렉터리가 JavaScript 프로젝트의 루트 디렉터리임을 나타냅니다. jsconfig.json 파일은 JavaScript 언어 서비스(vscode)에서 제공하는 기능에 대한 루트 파일과 옵션을 지정합니다.

대부분의 경우에는 필요하지 않지만 IntelliSense 사용자 정의와 같이 사용할 수 있는 몇 가지 예가 있습니다. 예

자세한 내용:

jsconfig.json 是 tsconfig.json 的后代，后者是 TypeScript 的配置文件。 jsconfig.json 是 tsconfig.json，其中 "allowJs" 属性设置为 true 并且因为没有实际编译JavaScript 所必需的。这些属性存在是因为 jsconfig.json 是 tsconfig.json은 TypeScript 구성 파일인 tsconfig.json의 하위 항목입니다.

는 tsconfig.json입니다. 여기서 "allowJs" 속성은 true로 설정되고

JavaScripttarget의 실제 컴파일이 없기 때문에 필요합니다. 이러한 속성은

이 tsconfig.json

의 하위 항목이기 때문에 존재합니다.

따라서 모든 옵션이

와 동일하지는 않습니다: target 可以在 jsconfig.json

그러나 vscode IntelliSense는 이러한 변경 사항의 영향을 받을 수 있습니다. 따라서 제거하면 모든 것이 예상대로 작동합니다.

즉,
는

의 IntelliSense에 영향을 미칠 수 있습니다. 귀하의 경우에는 다음과 같이 추가하면 됩니다:

jsconfig.json

으아아아 vite.config.js

🎜 으아아아 🎜vscode의 jsconfig.json에 대한 추가 정보: 🎜여기🎜🎜