카테고리 없음

TypeScript 전역 설치

Canyi 2023. 2. 20. 10:45

# 먼저 nodejs가 설치 되어 있는지 확인한다.

 

npm version

## 나같은 경우 업그레이드를 하라고 에러가 뜸 (현재는 npm 업그레이드 완료한 상태)

npm install npm@9.5.0

//npm install npm@업그레이드 할 버전

 

### TypeScript 전역 설치

 

npm install -g typescript ts-node

 

Error: EACCES: permission denied, access '/usr/lib/node_modules' 라는 에러가 뜬다.

#### npmjs 공식 문서의 단계를 따르면

 

(1) 먼저 전역 설치를 위한 디렉터리를 만듭니다.

mkdir ~/.npm-global

(2) 새 디렉터리 경로를 사용하도록 npm을 구성합니다.

npm config set prefix '~/.npm-global'

(3) ~/.profile 파일을 열거나 생성하고 다음 줄을 추가합니다.

export PATH=~/.npm-global/bin:$PATH

 

(4)명령줄로 돌아가 시스템 변수를 업데이트합니다.

source ~/.profile

 

(4-1) 

npm list -g

명령어를 사용하여 해당 폴더에 글로벌로 설치있는지 확인합니다.

empty일경우 (5) 번의 명령어를 통해 typescript와 td-node를 설치한다.

 

 

 

(5)sudo를 사용하지 않고 전역적으로 패키지를 다운로드합니다. (둘중 하나 설치)

npm install -g typescript
npm install -g typescript ts-node

 

 

(6)타입스크립트 버전을 확인합니다.

tsc -version

 

타입스크립트를 전역적으로 설치 완료 한것으로 확인 됨

 

다시 npm list -g로 확인해보면 잘 설치된것을 확인 할 수 있다. (다만 이렇게 설치할 경우 인메모리처럼 휘발하는 경우가 발생함...)

 

 

 

 

 

타입스크립트 버전을 확인 할때 

bagchan-igdeMacBook-Pro:Workspeace piaocanyi$ ts -v
bash: ts: command not found

라는 에러가 발생!

 

 

tsc를 다시 지웠다 설치하고 npx를 써보자

 

npx는 새로운 패키지 관리 모듈이 아닙니다. 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 5.2.0 버전부터 새로 추가된 도구입니다. 따라서 npm과 비교대상이 아닌 npm을 좀 더 편하게 사용하기 위해서 npm에서 제공해주는 하나의 도구입니다.

npm uninstall tsc

npm uninstall -g tsc

npx --package typescript tsc --init

npx --package typescript tsc --version

 

 

M1 MAC 일 경우 

brew install typescript

 

brew가 설치 되지 않을 경우

vi ~/.zshrc

 

export PATH=/opt/homebrew/bin:$PATH

ESC와 :wq를 누르고 엔터를 치면된다.