[PJ] Vue

vueCLI 설치

기본 vue 개발 환경을 설정해주는 도구

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue -V  # 설치확인

vue CLI 를 활용한 vue project 생성

vue create hello-vuecli  # vue create 프로젝트명

확장프로그램 - vetur 설치

vue 프레임워크에 대해 다양한 기능을 제공하는 플러그인

*.vue 파일에 대한 코드들을 만들어주거나, 디버깅, 자동완성, 하이라이트나 에러체크 등을 지원

Features

• Syntax-highlighting
• Semantic-highlighting
• Snippet
• Emmet
• Linting / Error Checking
• Formatting
• IntelliSense
• Debugging
• Component Data: auto-completion and hover-information for popular Vue frameworks and your own custom components
• Experimental Interpolation Features: auto-completion, hover information and type-checking in Vue template
• VTI: Surface template type-checking errors on CLI
• Global components: support define global components.

 

프로젝트 생성 후 jsconfig.js에 아래 코드 추가

• jsconfig.json

  {
    "include": [
      "./src/**/*"
    ]
  }

 

eslint ignore 방법

https://worker-k.tistory.com/entry/%EC%97%84%EA%B2%A9%ED%95%9C-eslint-ignore-%ED%95%98%EB%8A%94-%EC%97%AC%EB%9F%AC%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95-eslintignore

엄격한 eslint ignore 하는 여러가지 방법 .eslintignore

 

vscode 새로고침

Ctrl + Shift + P > Developer:Reload Window 선택