Vue-(1) 설치 및 시작

최대 1 분 소요

설치

  • 도구더보기 -확장 프로그램 - chrome 웹스토어 - vue 검색 - vue.js devtools 확장프로그램에서 추가
  • F12눌러서 Vue가 설치되어 있는지 확인 (Console-Network-Vue라는 탭이 활성화됨)

Vue.js 프로젝트에 axios 설치하기

  • nodejs를 설치한다
  • nodejs를 설치하면 npm이나 yarn을 이용하여 axios 설치가 가능하다
  • 아래 3가지 방법중 하나만 설치하거나 설정하면 된다
    1. npm 으로 설치하는 경우는 아래의 명령어를 Command창에 입력을 하면 됩니다.

      npm install –save axios

    2. yarn 으로 설치하는 경우는 아래의 명령어를 입력을 하면 됩니다.

      yarn add axios

    3. 직접 웹페이지의 <HEAD></HEAD> 영역 안에 입력을 해도 됩니다.

Vue.js 가이드 살펴보기

  • https://kr.vuejs.org/v2/guide/index.html 에서 Vue.js 참고하기
  • JSFiddle Hello World 예제 클릭해서 보기

VSCODE상에서 Edge 대신 Chrome창이 뜨게 하기 위한 설정

  • Vscode - Settings - Live Server 검색 - Live Server › Settings: Custom Browser - null을 chrome으로 변경

참고

Object.defineProperty(대상 객체, 객체의 속성, { // 정의할 내용 })

카테고리:

업데이트:

댓글남기기