Visual Studio Code 사용법

Visual Studio Code 사용법

작성일 2023.08.29댓글 1건
    게시물 수정 , 삭제는 로그인 필요

Visual Studio Code를 사용하는데 아래 사진을 보면




 

첫번째 사진을 두번째 사진 보면 1번에 web 이 있고 그 밑에 basic002.html 있는데 첫번째 사진에서 어떻게 해야 두번째 사진처럼 만들수 있나요 뭐를 눌러야 web 밑에 basic002.html을 만들 수 있나요? 자세히 순서대로 뭐를 눌러야 하는지 알려주세요


#visual studio #visual studio code #visual studio 2022 #visual studio 2019 #visual studio community #visual studio download #visual studio code 한글 #visual studio code download #visual studio 설치 #visual studio 단축키

profile_image 익명 작성일 -

1번 창에서

1. 메뉴에서 File > Open Folder... 를 선택하고 프로젝트를 만들 폴더를 선택합니다.

이 경우 적당한 위치에 "WEB" 이라는 폴더를 만들고 그 폴더를 선택하면 됩니다.

그러면, vscode 에 아래와 같은 폴더가 보일 것입니다.

2. 이제 메뉴에서 File > New File... 을 선택하든지 아니면 아래에 보이는 아이콘을 클릭하면

파일이 만들어 지고 파일이름을 적어 주면 됩니다.

이 경우 basic002.html와 basic003.html 을 추가하면 되겠네요.

소스코드는 에디터창에서 입력해 주면 됩니다.

3. 지금 보이는 아래 창의 사이드바 제일 왼쪽 아래에 있는 아이콘이 Extensions 아이콘인데 이것을 클릭하면

각종 확장 프로그램들을 설치할 수 있습니다.

당장은 아니지만 조금만 익숙해 지면 인터넷에서 "vscode web 필수 확장프로그램" 등으로 검색해서

몇 가지 확장 프로그램들을 설치해 주면 훨씬 더 많은 경험을 할 수 있으니 이것 저것 사용해 보기를 권합니다.

Visual Studio Code 사용법

Visual Studio Code를 사용하는데 아래 사진을 보면 첫번째 사진을 두번째 사진 보면 1번에 web 이 있고 그 밑에 basic002.html 있는데 첫번째 사진에서 어떻게 해야 두번째...

Visual studio code파란색이랑 보라색...

... VSC사용법 얘기할 때 나오는건 어떤 버전 말하는건가요? 혹시 위 스샷처럼 왼쪽의 Visual StudioVisual Studio Code 의 아이콘 색깔을 보고 말씀 하시는 걸까요?...

Visual Studio Code 기능 위치 및 작업...

Visual Studio Code 설치 영상을 보면서 따라 다운로드를 했으나 영상과 다르게... 클릭하면 똑 같은 창이 뜹니다. 사용법은 사용하면서 조금씩 더 익숙해 지면 됩니다.

vscode와 visual studio code는 다른...

... 그러니까, vscode와 Visual Studio Code는 같은 것이에요! 다른 이름으로 불리기도 하지만, 기능과 사용법은 동일합니다. 검색 결과가 혼란스러우셨을 텐데, 그건...

visual studio code로 배우는 코딩 책

... "Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers" by Bruce Johnson - 이 책은 Visual Studio Code의 기능과 사용법을 상세히 설명하고, 웹 개발자를...

Visual studio code 사용법

지금 이렇게 코드를 짰는데... 코드 블럭 색깔도 안 나오고··· 어떻게 하면 C(++)로 환경설정을 할 수 있나요? 간단하게 설명해드리죠 View - Syntax - C++ 클릭 그러면...

Visual Studio Code에서 Raw string...

... C++을 배우고 있던 도중 R"()"의 사용법을 배우게 되어 실행해 보았는데 이러한 오류가 발생하였습니다. 어떻게 해결하면 좋을까요? 사용한...

Visual Studio 2015 C++ 사용법

제가 이번에 독학을 해볼려고 Visual Studio 2015 를 깔았는데 C++ 를... F5를 눌러 실행합니다. [code] #include "stdafx.h" #include <iostream> using namespace std; int main() { cout...

[Visual Studio 2005, MFC] Tab Control...

... Visual studio 2005 개발환경을 쓰고 있는데요. 대화상자기반 프로그램에 탭 컨트롤을 그림과 같이 올려 놓았습니다 탭 밑에 있었던 컨트롤도 결과...