[Ubuntu] 타입 스크립트 시작하기

우분투에서 Visual Studio Code 설치

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

이미지 출처 : https://code.visualstudio.com/

비쥬얼 스튜디오 공식 홈페이지에서 데비안 파일 (.deb)를 다운로드를 받아 줍니다.

cd ./다운로드

 

change directory 명령어를 사용해서 해당 파일을 다운로드 받은 경로로 이동합니다. 

sudo apt install ./{파일명}

 

위 명령어를 입력해서 설치해주면 됩니다. 만약 파일명이 code_1.91.0-1719861592_amd64.deb 라면 이렇게 되겠습니다.

sudo apt install ./code_1.91.0-1719861592_amd64.deb

 

 

node 설치

apt --version
sudo apt update

 

apt 버전을 확인한 뒤 업데이트 해줍니다.

 

sudo apt install nodejs

 

node js를 설치합니다. 

nodejs -v

 

설치 완료 후 버전 정보를 확인할 수 있습니다. 

 

 

npm 설치

sudo apt install npm

 

npm을 설치해 줍니다. 

 

 

TypeScript 설치

npm install -g typescript

 

npm을 사용해서 타입 스크립트를 설치 할 수 있지만 

 

npm WARN checkPermissions Missing write access to /usr/local/lib
npm WARN notsup Unsupported engine for typescript@5.5.3: wanted: {"node":">=14.17"} (current: {"node":"10.19.0","npm":"6.14.4"})
npm WARN notsup Not compatible with your version of node/npm: typescript@5.5.3

 

권한 오류와 Node.js 버전 호환 이슈가 발생해서 아래 단계를 따라 해결했습니다

 

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash

 

node 버전을 관리하는 매니저인 nvm을 설치해줍니다. 

 

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" # This loads nvm

 

설치된 nvm을 쉘 프로필에 추가해 줍니다. 

 

source ~/.bashrc

 

위 명령어를 입력하거나 터미널을 재시작해 줍니다. 

 

nvm install 14.17.0
nvm use 14.17.0
nvm alias default 14.17.0

 

nvm을 사용해서 TypeScript와 호환 가능한 Node를 설치해 줍니다. 

 

npm install -g typescript

 

타입 스크립트를 전역으로 설치해 줍니다. 

 

타입 스크립트 테스트

https://devscb.tistory.com/53

typescript 시작하기, 설치하기, 개발하기, 프로젝트생성, 컴파일, 실행하기, 핸드북

 

타입 스크립트 설치 이후 테스트 하는 방법이 해당 블로그에 잘 적혀 있어 링크 첨부합니다!