vue를 설치하는 과정에서 자주 만날 수 있는 단어들을 정리해보자!
node.js
JavaScript런타임 환경JavaScript가 (자바나 파이썬과는 다르게) 프로그램 설치없이 이용 가능한 것은 컴퓨터가 아니라 브라우저 내에 인터프리터가 있어 브라우저 자체에서 실행 가능하기 때문이다. 그러나 서버(컴퓨터, 백엔드)에서 브라우저 없이 이JavaScript파일을 사용하기 위해서는 node.js라는JavaScript런타임 환경이 필요하다.
설치 방법
node.js를 설치한다.
https://nodejs.org/en
npm(Node Package Manager)
- Node.js의 패키지 관리자. Vue 등의 프론트엔드 프레임워크를 사용할 때, npm을 통해 필요한 패키지를 설치하고 관리한다. JavaScript 개발자가 패키지 된 코드 모듈을 쉽게 공유할 수 있도록 돕는다.
- Java에서
Maven이랑Gradle같은 빌드 도구가 Java 프로젝트 의존성 관리 및 빌드 프로세스를 관리하는데 사용되는데, 이 것들과 유사하다고 생각할 수 있을 듯.
설치 방법
- node.js를 설치하면 함께 제공된다.
Vue-CLI(Command Line Interface)
- 기본 vue 개발 환경을 설정해주는 도구. 기본적인 프로젝트 세팅을 대신해주기 때문에 폴더 구조, lint, build, 라이브러리 구성, webpack 설정 등의 고민을 덜 수 있다.
CLI란?
명령 줄 인터페이스(CLI, Command line, interface)또는 명령어 인터페이스. 텍스트 터미널을 통해 사용자와 컴퓨터가 상호작용하는 방식을 의미. 사용자가 컴퓨터의 키보드를 통해 문자열 형태로 작업을 명령하고, 컴퓨터의 출력 역시 문자로 주어진다.
설치 방법
-
vue cli를 설치한다.
https://cli.vuejs.org/ -
cmd창에
vue create 프로젝트명입력 시 vue 프로젝트를 생성해준다.
Reference
Good Luck!