변수를 입력하고 .을 입력하고 나면 뒤에 메소드 및 프로퍼티가 나와야 하는데 어느순간 나오지 않는 경우가 생겼다.
몇몇 글을 보고 따라해 보았지만 해결되지 않았다....
그래서 나의 settings.json코드를 보여준후 챗gpt에 해결해달라고 했다.
<나의 settings.json코드>
"javascript": "html",
"workbench.colorTheme": "Atom One Dark",
"editor.fontSize": 16,
"editor.cursorStyle": "block-outline",
"files.autoSave": "afterDelay",
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.useLocalIp": true,
"open-in-browser.default": "chrome",
"liveServer.settings.donotShowInfoMsg": true,
"editor.formatOnSave": true,
"terminal.integrated.defaultProfile.windows": "Git Bash",
"git.openRepositoryInParentFolders": "always",
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.wordWrap": "on",
"workbench.iconTheme": "material-icon-theme",
"editor.acceptSuggestionOnEnter": "off",
"editor.tabCompletion": "on",
"vscode-color-picker.languages": [
"php",
"html",
"css",
"rust",
"python",
"json",
"jsonc",
"yaml",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue",
"vue-html"
],
//* HTML CSS Support 추가 설정
"css.enabledLanguages": [
"html",
"javascriptreact",
"typescriptreact",
"typescript",
"javascript",
"njk",
"nunjucks",
"html-nunjucks",
"php"
],
"liveServer.settings.host": "192.168.0.5",
"emmet.triggerExpansionOnTab": true,
"editor.acceptSuggestionOnCommitCharacter": false
}
챗 gpt가 알려준 해결 방법
1️⃣ VS Code를 완전히 재시작
간단하지만 효과적인 해결책입니다.
- VS Code를 종료하고 다시 실행
- Ctrl + Shift + P → Reload Window 실행
2️⃣ 확장 프로그램 확인
IntelliSense는 언어별 확장(extension)에 의해 제공됩니다.
- Ctrl + Shift + X → "ESLint", "Prettier", "JavaScript (ES6) code snippets" 설치 확인
- "JavaScript and TypeScript Nightly" 확장을 설치 후 테스트
3️⃣ 설정 파일 (settings.json) 수정
✅ javascript 설정 오류 수정
json
복사
편집
"files.associations": {
"*.js": "javascript"
}
현재 설정에서 "javascript": "html"이 있어, .js 파일이 HTML로 인식될 가능성이 있음.
이 설정을 "files.associations"로 바꿔야 IntelliSense가 정상적으로 동작할 수 있음.
4️⃣ TypeScript & JavaScript IntelliSense 강제 활성화
✅ settings.json에 다음 추가
json
복사
편집
"javascript.suggest.enabled": true,
"typescript.suggest.enabled": true,
VS Code에서 IntelliSense가 작동하지 않는 문제를 해결하려면 다음을 시도해 보세요.
1️⃣ VS Code를 완전히 재시작
간단하지만 효과적인 해결책입니다.
- VS Code를 종료하고 다시 실행
- Ctrl + Shift + P → Reload Window 실행
2️⃣ 확장 프로그램 확인
IntelliSense는 언어별 확장(extension)에 의해 제공됩니다.
- Ctrl + Shift + X → "ESLint", "Prettier", "JavaScript (ES6) code snippets" 설치 확인
- "JavaScript and TypeScript Nightly" 확장을 설치 후 테스트
3️⃣ 설정 파일 (settings.json) 수정
✅ javascript 설정 오류 수정
json
복사
편집
"files.associations": {
"*.js": "javascript"
}
현재 설정에서 "javascript": "html"이 있어, .js 파일이 HTML로 인식될 가능성이 있음.
이 설정을 "files.associations"로 바꿔야 IntelliSense가 정상적으로 동작할 수 있음.
4️⃣ TypeScript & JavaScript IntelliSense 강제 활성화
✅ settings.json에 다음 추가
json
복사
편집
"javascript.suggest.enabled": true,
"typescript.suggest.enabled": true,
5️⃣ Node.js 및 TypeScript 버전 확인
- Ctrl + ~ (터미널 열기) → node -v 입력
- Ctrl + ~ → tsc -v 입력 (TypeScript가 설치되었는지 확인)
- 없다면 최신 버전 설치
6️⃣ VS Code 캐시 초기화 (강제 새로고침)
- Ctrl + Shift + P → "Typescript: Restart TS server" 실행
- Ctrl + Shift + P → "Clear Editor History" 실행
7️⃣ 마지막 해결책: VS Code 재설치
- 그래도 안 되면 VS Code를 삭제 후 다시 설치
< 수정된 코드 >
{
"files.associations": {
".js": "javascript"
},
"workbench.colorTheme": "Atom One Dark",
"editor.fontSize": 16,
"editor.cursorStyle": "block-outline",
"files.autoSave": "afterDelay",
"liveServer.settings.CustomBrowser": "chrome",
"liveServer.settings.useLocalIp": true,
"open-in-browser.default": "chrome",
"liveServer.settings.donotShowInfoMsg": true,
"editor.formatOnSave": true,
"terminal.integrated.defaultProfile.windows": "Git Bash",
"git.openRepositoryInParentFolders": "always",
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.wordWrap": "on",
"workbench.iconTheme": "material-icon-theme",
"editor.acceptSuggestionOnEnter": "off",
"editor.tabCompletion": "on",
"vscode-color-picker.languages": [
"php",
"html",
"css",
"rust",
"python",
"json",
"jsonc",
"yaml",
"javascript",
"javascriptreact",
"typescript",
"typescriptreact",
"vue",
"vue-html"
],
// HTML CSS Support 추가 설정
"css.enabledLanguages": [
"html",
"javascriptreact",
"typescriptreact",
"typescript",
"javascript",
"njk",
"nunjucks",
"html-nunjucks",
"php"
],
"liveServer.settings.host": "192.168.0.5",
"emmet.triggerExpansionOnTab": true,
"editor.acceptSuggestionOnCommitCharacter": false,
//* IntelliSense 강제 활성화
"javascript.suggest.enabled": true,
"typescript.suggest.enabled": true,
//* TypeScript Server 재시작 옵션
"typescript.tsserver.log": "verbose",
"typescript.tsserver.experimental.enableProjectDiagnostics": true,
//* Auto Imports 활성화
"javascript.preferences.importModuleSpecifier": "relative",
"typescript.preferences.importModuleSpecifier": "relative",
//* TS & JS IntelliSense 강화
"editor.quickSuggestions": {
"other": true,
"comments": false,
"strings": true
},
"editor.parameterHints.enabled": true,
"editor.suggestOnTriggerCharacters": true,
"editor.suggest.localityBonus": true,
"editor.suggestSelection": "first"
}
이렇게 바꿔주니 메소드 및 프로퍼티가 제대로 떴다.
gpt야 고마워~!!
