yongyong-e

[HTML & CSS] 개발 환경 구성 본문

웹 프로그래밍/HTML & CSS

[HTML & CSS] 개발 환경 구성

Yonghan Kim 2019. 8. 26. 11:46

1) VS Code 설치

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

Windows 환경에서 User Installer vs. System Installer 차이 (*출처: http://cadvance.org)

  • System Installer : 이 유형은 사용중인 OS 전체에서 VSCode를 사용하도록 하는 설치입니다. 즉, 하나의 OS에 여러명의 사용자가 있을 때 모든 사용자가 사용하도록 설치하는 유형 입니다. 설치경로를 따로 지정하지 않았다면 윈도우 OS의 경우, ‘C:\Program Files\Microsoft VS Code’ 가 경로입니다.
  • User Installer : 현재 사용자만 사용하도록 하는 설치 유형 입니다. 한 대의 컴퓨터를 여러 명이 사용하고 있어서 나 만의 보안이 필요할 경우에 사용하면 될 것 입니다. 설치경로는 일반적으로 ‘드라이브이름:\Users\사용자이름\AppData\Roaming\Code’ 입니다.

 

2) VS Code에서 확장 기능 설치

  • 한국어 언어팩
  • HTML Preview
  • Lorem ipsum

 

3) 코딩 전용 폰트 설치

 

naver/d2codingfont

D2 Coding 글꼴. Contribute to naver/d2codingfont development by creating an account on GitHub.

github.com

 

Comments