VSCode Emmet & Fira Code 설정

 

 

 

1. Emmet 설정

VSCode에는 빠른 코드작성을 도와주는 emmet 설정이 이미 되어있다고 한다.

ctrl + p > setting.json 열기

그다음 원하는 내용 넣기 나 같은 경우는 emmet을 쓰고 싶었으니까 

{
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "razor": "html",
        "plaintext": "jade"
    }
}

이 내용을 추가하고 저장하였다.

https://demun.github.io/vscode-tutorial/

 

2. Fira Code 적용하기

Ligature 서체를 사용하면 연산기호들이 합자로 보여 조형적으로도 아름답고 개발할때도 알아보기 쉬운 코드로 개발할 수 있다.  D2 Coding 서체도 Ligature를 지원하는 게 있지만 솔직히 Fira Code가 훨씬 예뻐서 이것을 적용하였다.

{
   "editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace",
   "editor.fontLigatures": true,
}