Vue.js 사용 환경 설정하기 - vs code, node, vetur,prettier-code formatter,vue cli

Vue.js를 활용하기 위해 설치해야 할 것이 있습니다. 

 

설치 필요

1. Visual Studio Code 설치하기
2. Node.js 설치하기 (짝수버전 추천)

  + ) 추가로 크롬 설치하기

 

Vs Code (Visual Studio Code) 환경구축

1. Extensions 또는 cmd+sjoft+x를 눌러 확장 프로그램 검색 켜기
2. vuter 검색 후 설치
3. prettier-code formatter 검색 후 설치

 

cmd (터미널) 환경구축

1. npm install -g @vue/cli 입력
2. npm create vue-project 입력 후 default 3 선택
3. cd vue-project 입력
4. npm run serve 입력

 

아래와 같이 창이 뜨면 성공입니다.

 

Local 뒤에 있는 url 링크에 들어가면 아래와 같이 창이 뜹니다.

이렇게 창이 뜨면 Vue 기본 환경 완성입니다!!

수고하셨습니다~