티스토리 뷰

DevEnv

vscode setting

Aairon 2019. 8. 20. 13:43
반응형

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) 등을 적어 적용

반응형
댓글