[Vue] Vue 설치하기

Vue.js

javascript Framework 언어인 React, Angular, Vue.js 가 있다.

Vue.js는 Evan You가 만든 언어이며, React와 Angular의 장점만을 모아 만들었다고 합니다.

 

React는 Facebook, Angular는 Google이 지원하고 있는 반면 Vue.js 는 1인 개발자로 시작했기 떄문에 다른 언어들에 비해 밀릴것으로 생각했으나, 생각 그 이상으로 유지보수가 잘 되고 있으며 사용자도 매우 많습니다.

 

Vue.js 공식 사이트에서 언급한느 특징은 아래와 같습니다.

 

• Approachable ( 접근성이 좋다.)
• Versatile ( 가변성이 있고 = 다재다능하며, 여기저기 적용하기 좋다는 뜻이다,)
• Perfomant ( 성능이 좋으며)
• Maintainable ( 유지 보수가 좋고)
• Testable ( 테스트가 가능하다.)

Vue(view와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크입니다.

다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응요프로그램을 완벽하게 지원할 수 있습니다.

 

출처 : Vue.js 공식 사이트 (https://kr.vuejs.org/v2/guide/#)

 

Node.js 설치

Vue를 사용하기 위해서는 Node.js 를 설치해야 합니다.

Javascript 기반의 언어인 Vue.js 를 브라우저 환경이 아닌 곳에서 빌드하고 구동시키기 위해서는 별도의 Runtime 환경을 제공하는 node.js를 설치해야 합니다.

 

https://nodejs.org/ko/

Node.js

Node.js를 설치하게 되면 Node Package Manager인 NPM은 자동으로 설치된다.

이를 통해서 원하는 패키지를 설치할 수 있다. npm install ~~의 형태로 설치하고, 작성한 코드를 빌드하고 서버를 켜는 행위도 npm을 통해 수행할 수  있다.

설치가 완료 되면 cmd 창에서 다음과 같이 확인할 수 있다.

 

Vue.js 설치

node가 잘 설치되어 버전 정보가 보인다면

npm install -g @vue/cli 를 cmd창에 쳐줍니다.

그러면 다음과 같은 화면이 뜨면서 설치가 잘 되었다고 합니다.