vscode setting

2019. 8. 20. 13:43·Dev Tools
반응형

vscode에서 사용하는 개인 설정 파일입니다.

vscode는 ctrl + , 를 통해 설정을 바꾸거나 json파을을 통해 설정을 변경 할 수 있습니다.

통일된 개발 환경을 위해 json파일을 사용하는 것을 선호합니다.


json파일을 적용하기 위해서는 아래와 같이 파일을 만들어야 합니다


.vscode/setting.json


사용중인 기본 세팅

{
"editor.tabSize": 2,
"editor.formatOnSave": true,
"prettier.jsxSingleQuote": true,
"prettier.printWidth": 100,
"prettier.singleQuote": true
}


tabSize : tab시에 공백을 몇칸으로 줄지 설정

formatOnSave : 저장시에 코드 포멧터를 자동 적용 ( prettier, beautify 등)

jsxSingleQuote : jsx 파일에서 ' ' 따옴표를 사용

printWidth : 줄바꿈이 되는 길이



특정 확장자를 해당하는 확장자로 인식

{
"files.associations": {
"*.tpl": "html",
"*.master": "html"
}
}

.tpl 파일을 html 처럼 인식하여 포메터 또는 intellisent 등 적용


prettier ignore 세팅


.prettierignore 파일을 생성 후 파일 내용에 .gitignore처럼 확장자( *.css) 등을 적어 적용

반응형
저작자표시 (새창열림)

'Dev Tools' 카테고리의 다른 글

VS CODE 확장 기능 2탄 (VS CODE Extensions)  (0) 2020.11.02
centos 8 vscode ssh 접속 설정  (0) 2020.05.27
vscode 특정 확장자를 원하는 확장자로 취급 하는 방법  (0) 2019.07.23
vscode를 사용하여 ec2 리모트  (1) 2019.07.20
VS Code 자주쓰는 단축  (0) 2019.05.23
'Dev Tools' 카테고리의 다른 글
  • VS CODE 확장 기능 2탄 (VS CODE Extensions)
  • centos 8 vscode ssh 접속 설정
  • vscode 특정 확장자를 원하는 확장자로 취급 하는 방법
  • vscode를 사용하여 ec2 리모트
vitnal
vitnal
4년차 프론트엔드 개발자 입니다. 이 블로그는 기록하고 싶은 내용을 저장하기 위해 사용하고 있습니다. 정제되지 않은 내용이 있을 수 있는 점 양해 부탁드립니다.
  • vitnal
    vitnal 아카이브
    vitnal
  • 전체
    오늘
    어제
    • 분류 전체보기 (149) N
      • AI (0)
      • WEB (76)
        • React (21)
        • Nextjs (17)
        • JavaScript (16)
        • React Native (5)
        • HTML & CSS (7)
      • CS (3)
      • Git (15)
      • Dev Tools (23)
      • Deploy (12)
      • Tech Memo (12) N
      • Retrospect (7)
  • 반응형
  • hELLO· Designed By정상우.v4.10.5
vitnal
vscode setting
상단으로

티스토리툴바