[Vue.js] VS Code Plugin / visual studio Vue CLI

• Vetur
  • Vue 파일의 Syntax Highlighting 를 지원하게 하는 Plugin.
  • 코드 안의 변수 및 메소드 표시
  • 코드 작성 시 문법 가이드
  • 문법 오류 표시
  • 잠재적 문제 표시

• Debugger for Chrome
  • Chrome 개발자 도구와 같이 vs code 안에서 디버깅 가능하게 함.

 

• Prettier - Code formatter
  • 코드 정렬

 

• Vue - CLI
  • Vue command line interface 로 터미널에서 Vue 관련 작업을 할 수 있도록 함.
    • Create Project
    • Build Project
    • Deploy Project

VS Code 에서 터미널을 Open 후 아래 cmd 수행 (기본 terminal open key map : Ctrl + `)

npm 을 이용하면 됩니다. 만약 설치가 안되어 있다면 설치가 필요합니다.

> npm i -g @vue/cli

설치 시 화면

..