[vue.js] vue 3.x eslint 끄는법과 컴포넌트 pascal case

1. 파일마다 <script> 태그 상단에 /*eslint-disable*/ 주석을 단다.

 

2. vue-cli 공식문서에서 lintOnSave 검색

   => 제일 바깥에 vue.config.js 파일만들고 아래 사진과 같이 설정해준다.

   

 

3. Script단에서 components: { ToolBar } import한 후 template 단에서 <ToolBar>라고 사용해도 되고(strong한 방법),

<tool-bar>식으로 사용해도 된다.

두번째는 mac 기준으로 option버튼 누르고 클릭하면 해당 컴포넌트파일로 바로 이동가능하다.

vscode자체 기능.(essential 한 방법)