분류 기타

온라인 웹에서 VS-CODE 사용하기

컨텐츠 정보

  • 조회 396 (작성일 )

본문

이제 https://vscode.dev로 이동하면 브라우저에서 완전히 실행되는 경량 버전의 VS Code가 표시됩니다. 로컬 컴퓨터에서 폴더를 열고 코딩을 시작합니다.

 

설치가 필요하지 않습니다.

https://vscode.dev/ 

vscode.dev running in the browser 

클라우드 도구를 사용한 로컬 개발 


"The Cat said No" application source code in vscode.devFile System Access API(오늘날 Edge 및 Chrome)를 지원하는 최신 브라우저를 사용하면 웹 페이지에서 로컬 파일 시스템에 액세스할 수 있습니다(사용자의 허가).

로컬 시스템에 대한 이 간단한 게이트웨이는 다음과 같이 웹용 VS Code를 설치가 필요 없는 로컬 개발 도구로 사용하기 위한 몇 가지 흥미로운 시나리오를 빠르게 엽니다.

  • 로컬 파일 보기 및 편집. Markdown에서 빠르게 메모하고 미리 볼 수 있습니다. 전체 VS 코드를 설치할 수 없는 제한된 컴퓨터에 있더라도 여전히 vscode.dev를 사용하여 로컬 파일을 보고 편집할 수 있습니다.
  • 디버깅을 위한 브라우저 도구와 함께 클라이언트 측 HTML, JavaScript 및 CSS 애플리케이션을 빌드합니다.
  • VS Code를 (쉽게) 설치할 수 없는 Chromebook과 같은 저전력 컴퓨터에서 코드를 편집하십시오.
  • iPad에서 개발하세요. 파일을 업로드/다운로드(그리고 파일 앱을 사용하여 클라우드에 저장할 수도 있음)하고 내장된 GitHub Repositories 확장을 사용하여 원격으로 리포지토리를 열 수 있습니다.

또한 브라우저가 로컬 파일 시스템 API를 지원하지 않는 경우에도 브라우저를 통해 개별 파일을 업로드 및 다운로드하여 열 수 있습니다.


Local File System Access is Unsupported message dialog 


경량 경험 


웹용 VS Code는 완전히 브라우저 내에서 실행되므로 데스크톱 앱에서 수행할 수 있는 작업과 비교할 때 일부 환경은 자연스럽게 더 제한됩니다. 예를 들어, 터미널과 디버거를 사용할 수 없습니다. 브라우저 샌드박스 내에서 Rust 또는 Go 애플리케이션을 컴파일, 실행 및 디버그할 수 없기 때문에 의미가 있습니다(비록 Pyodide 및 웹 컨테이너와 같은 새로운 기술이 언젠가는 이를 변경할 수 있음). 

코드 편집, 탐색 및 브라우징 경험이 조금 더 미묘하며 데스크톱에서 일반적으로 파일 시스템, 런타임 및 컴퓨팅 환경을 기대하는 언어 서비스 및 컴파일러에 의해 구동됩니다. 브라우저에서 이러한 경험은 소스 코드 토큰화 및 구문 색상화, 완성 및 많은 단일 파일 작업을 제공하는 브라우저(파일 시스템 없음, 런타임 없음)에서 완전히 실행되는 언어 서비스에 의해 구동됩니다. 


과적으로 브라우저에서 경험은 일반적으로 다음 범주에 속합니다. 


장점: 대부분의 프로그래밍 언어에서 vscode.dev는 코드 구문 색상화, 텍스트 기반 완성 및 대괄호 쌍 색상화를 제공합니다. Tree-sitter 구문 트리를 사용하여 C/C++, C#, Java, PHP, Rust 및 Go와 같은 인기 언어에 대한 Outline/Go to Symbol 및 Symbol Search와 같은 추가 경험을 제공할 수 있습니다. 

더 나은 점: TypeScript, JavaScript 및 Python 경험은 모두 브라우저에서 기본적으로 실행되는 언어 서비스로 구동됩니다. 이러한 프로그래밍 언어를 사용하면 "좋은" 경험과 풍부한 단일 파일 완성, 의미 강조 표시, 구문 오류 등을 얻을 수 있습니다. 

최고: JSON, HTML, CSS 및 LESS와 같은 많은 "webby" 언어의 경우 vscode.dev의 코딩 환경은 데스크톱과 거의 동일합니다(Markdown 미리 보기 포함!).