오늘도

정체를 밝히자

Programming/vue

prettier

Hanb 2019. 3. 11. 14:50

코드의 통일된 구문정리 등을 위한 셋팅도구 prettier 의 option 은 아래의 문서를 참조한다. 

http://hanbnara.tistory.com


# 방법 1. 


프로젝트 셋팅시 root 의 위치에  .prettierrc.js 라는 이름의 파일을 생성하여 


1
2
3
4
module.exports = {
  semi: false,
  singleQuote: true
}
cs


구문을 입력 후 위와 같이 옵션을 기술해 준다. 


# 방법 2.

그외 vs cod editor 의 환경 셋팅을 설정해 줄 수도 있다. 

- .vue 파일의 editing을 위하여 필요한 plugin인 vetur 를 설치한다.  

- eslint 를 설치한다. 

- prettier 를 설치한다. 

( 각 plugin 의 자세한 사항은 vs code market place 를 참조한다. )


그리고 사용자설정에 https://github.com/vuejs/vetur/issues/764 을 참조하여 셋팅한다. 

잘됨~





'Programming > vue' 카테고리의 다른 글

vue input formatting  (0) 2021.02.03
nuxt study ...ing  (0) 2019.09.30
vue-cli> deploy to git pages  (0) 2019.07.11
router-link 에 click event 처리를 하고 싶을때  (0) 2019.05.09
vue cli3>fontawesome 적용  (0) 2019.03.11