Vue.js 시작하기 (개발환경설정)

Vue.js 시작하기

1. 개발 환경 설정

   • vs code 설치

   • vscode extension

     • live server

     • vetur - .vue 파일에 코드생성, 문법 강조, 자동완성, 디버깅

       ​ - vue 입력시 template, script, style 자동완성

     • vue 2 snippets - Vetur에서 지원하지 않는 자동완성까지 적용

     • Prettier - Code formatter

       ✊ settings에서 single quote 검색, Single Quote 체크표시

       

       ☝ settings에서 format on 검색, format on save랑 type에 체크 표시

       

       ✨ Prettier활용법

       해당 파일(.html .vue 등)에서 마우스 우클릭 ->

       

       ​

       

     ​

     • Material Theme, Material Icon Theme

       

     tips) setting으로 이동 ctrl + ,

2. Emmet 표기법

   Emmet 공식 문서

3. 공식문서 만큼 좋은 사이트 없다

   https://kr.vuejs.org/v2/guide/