[Vue] Vue.js 사용하기

Vue.js란?

vue.js : Vue는 최신의 JavaScript 프레임워크로 점진적 향상을 위한 유용한 기능을 제공합니다. 다른 많은 프레임워크와는 달리, Vue를 사용하면 기존의 HTML 코드를 향상시킬 수 있습니다. 이를 통해 아주 쉽게 JQuery 등의 라이브러리를 Vue로 대체할 수 있습니다.

설치하기

Node.js 8.11 이상 설치
npm 또는 yarn

npm

CLI를 설치하기 위해 아래 커맨드를 터미널에서 실행하세요. npm을 사용하는 경우

npm install --global @vue/cli

yarn

yarn을 사용하는 경우

yarn global add @vue/cli

시작하기

설치가 모두 완료되면, 프로젝트를 생성할 디렉토리에서 터미널을 열고 vue create <프로젝트 이름> 를 실행해봅시다. 그러면 Vue CLI는 우리가 사용할 수 있는 프로젝트 구성 목록을 보여줄 것입니다. 미리 설정되어 있는 몇 가지 구성 중 골라서 사용해도 되고, 모든 것을 직접 구성할 수도 있습니다. 이 옵션을 통해 우리는 TypeScript, linting, vue-router, 테스트 등의 항목을 구성할 수 있습니다.

설치를 완료한후 터미널에서 npm run serve 또는 yarn run dev를 입력한후, http://localhost:8080 주소로 접속하면 프로젝트가 실행됩니다.