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

Posted by [하늘이]
2021. 7. 31. 14:03 IT/PHP Web JS CSS HTML..
반응형
  • 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

설치 시 화면

..

반응형