riverlee1132의 공책

[에디터] visual studio code에 node.js 설치 본문

오답노트

[에디터] visual studio code에 node.js 설치

1132 2022. 11. 4. 17:45

프로그램: visual studio code

OS: mac OS


1. node js 홈페이지에서 파일을 다운로드 받아 설치한 후

https://nodejs.org/ko/

 

2. visual studio code 에서 index.html 파일을 열고 터미널 탭 > 새 터미널

3. 하단 터미널 > 에서 node -v 입력 엔터

아래에 숫자로 된 버전 정보가 나오면 성공

 

아래는 메모 내용

1. node.js 설치

1) node.js를 설치하면 npm이 같이 설치 된다.

2) 맥의 terminal.app을 열어서 node -v 이나 npm -v을 입력 했을 때 버전 정보가 표시된다면 잘 설치된 것이다.

* npm(node package manager)

- 명령어로 컴퓨터를 제어하는 방식인 command line interface를 통해 동작하는 프로그램

- node js 시스템을 통해 동작하는 여러 프로그램들을 package라고 부르고 이것과 유사한 개념으로는 application, software, program...

- 패키지를 관리해주는 시스템 = npm

 

node.js를 설치했다면 프로그램들을 사용할 수 있는 기본적인 조건이 된다.

 

2. 원하는 패키지 찾기

1) npmjs.com 에서 원하는 패키지를 검색해본다.

패키지의 종류

- 독립적으로 실행되는 command line 프로그램

- 부품으로서 다른 소프트웨어의 일부로 사용되는 프로그램

 

3) CLI로 사용하는 프로그램을 찾고

 

4) install에 있는 내용을 복사 붙여넣기 한다

npm install 패키지명

 

* install 약자로 i를 쓰기도 함

 

작성후 엔터하면 현재 위치한 디렉토리에 프로그램이 설치되고 이 패키지를 내가 만드는 프로그램의 부품으로 사용하겠다는 의미가 된다.

컴퓨터 어디에서 사용하든 전역적으로 작동할 수 있는 독립 프로그램으로 사용하고 싶다면

 

npm install -global 패키지명

 

* global 약자로 g를 쓰기도 함

 

ERR: permission denied 가 뜬다면 관리자 권한으로 작동해야한다는 의미이다.

 

sudo npm install -global 패키지명

 

이렇게 입력하면 관리자의 권한으로서 실행한다는 의미가 된다. (유닉스, 리눅스, macOS 한정)

비밀번호를 요구한다면 비밀번호를 입력해준다.

특정 이유로(ex: 드롭박스 폴더) 해당 폴더에 비밀번호로 연결될 수 없다면 전역을 하지않고 부품으로 사용한다.

 

설치 후 ws를 입력하면 이 명령어에 의해 패키지가 command line application으로서 동작하게 된다.

표시된 로컬 주소를 클릭하여 접속한다

 

맥 키보드 control + c 를 하면 강제로 명령이 종료된다.