[Vue.js] Visual Studio Code에서 NPM을 못 찾는 경우

Vue.js 개발 환경을 구성할 때 Visual Studio Conde의 터미널에서 NPM을 못 찾는 경우 터미널을 Git Bash 또는 PowerShell로 변경하면 NPM을 잘 찾을 수 있다.

현상

아래와 같은 오류 메시지가 나타나며 NPM의 버전을 못 찾는다.

C:\frontend>npm -v
node:internal/modules/cjs/loader:1080
  throw err;
  ^

Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\npm-cli.js'
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:86:12)
    at node:internal/main/run_main_module:23:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

Node.js v18.18.2
node:internal/modules/cjs/loader:1080
  throw err;
  ^

Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\npm-cli.js'
    at Module._resolveFilename (node:internal/modules/cjs/loader:1077:15)
    at Module._load (node:internal/modules/cjs/loader:922:27)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:86:12)
    at node:internal/main/run_main_module:23:47 {
  code: 'MODULE_NOT_FOUND',
  requireStack: []
}

Node.js v18.18.2

오류 발생 화면

해결 방법

터미널의 우측 상단에서 설정 메뉴를 열고 'Select Default Profile'을 클릭한다.

기본 프로파일 설정을 클릭한다.

'Git Bash'를 선택한다.

기본 터미널 변경 화면

터미널을 새로 생성하면 Git Bash로 잘 생성되는 것을 확인하고 NPM 명령어를 입력한다.