VS code 웹 개발 환경 설정 및 실습 내용 저장

html, css, Java Script를 실습하기 위해 VS code에 웹 개발 환경 설정을 해보겠습니다.

 

오늘 열심히 한 것 저장할 곳 세팅하기

 

1. 바탕화면에서 git 실행

2. github에서 web URL 복사(나중에 저장하면 이 곳에 남습니다!!)

3. git에서 명령어 입력(clone - TIL 챙폴더 이동 - VS code 실행)

4. 새창으로 VS code가 열립니다. 

 

VS code에서 실습하기

 

1. 먼저 왼쪽 탭에 네모네모(extensions라고 합니다.ㅎㅎ)를 클릭한 후, Live Server를 검색 후 다운받습니다. 

2. 실습 폴더와 파일을 만듭니다. 마우스 우클릭을 하면 만들 수 있습니다. 

저는 웹 개발 폴더에서 html_basic1.html파일을 생성하였습니다.

이어서 하는 실습은 다음 포스팅에 게시하겠습니다. 

 

실습 후 github에 저장하기

1. VS code에서 터미널을 열어줍니다.

2. 터미널 창 오른쪽에 메뉴를 클릭하여 git bash모드로 바꿔줍니다.

3. 명령어 입력합니다.

$ git add .
$ git commit -m "EDU: html, css, js basic learned"
$ git push

4. github에서 확인합니다.

 

감사합니다!