vs 코드는 주로 로컬에서 설치된 응용 프로그램으로 사용됩니다. 그러나 웹 기반 접근성이 빠르게 확장되어 웹 개발의 세계에서 크로스 코드가 최고를 지배합니다. 이 웹 가용성은 소프트웨어 설치의 필요성을 제거합니다. 소프트웨어 설치가 필요하지 않습니다. 수많은 장치를 관리하는 학교와 같은 기관과 로컬 소프트웨어 설치를 제한하는 크롬 북과 같은 플랫폼의 상당한 이점이 있습니다.

vs 코드의 웹 버전의 확산은 혼란 스러울 수 있으므로 현재 환경을 살펴 보겠습니다.

vscode.dev

최근에 시작된 VScode.dev는 파일 시스템 액세스 API (현재 Edge 및 Chrome에서 지원하는)를 활용하여 로컬 파일 시스템 (사용자 권한 포함)에 액세스합니다. 이 API가 없어도 사용자는 파일을 업로드하거나보다 실용적으로 개방형 리포지토리를 업로드 할 수 있습니다. 기본적으로 브라우저 기반 대 코드 경험을 제공하여 로컬 폴더를 열고 데스크탑 응용 프로그램의 기능을 반영합니다. 기본 사용량은 유사한 느낌이 들지만 권한 관리 및 키보드 바로 가기에는 조정이 필요하며 터미널은 현재 사용할 수 없습니다. 이러한 제한 사항에도 불구하고 "Project in Project"와 같은 기능은 대규모 프로젝트에서도 데스크탑 버전과 비슷한 속도를 유지합니다.

github.dev : "." 지름길

github.dev는 다른 브라우저 기반 대 코드 인스턴스를 제공하지만 다른 접근 방식을 제공합니다. 로컬 폴더 액세스가 없습니다. 대신 GitHub 리포지토리의 빠른 액세스 및 수정에 중점을 둡니다. 브라우저 내에서 직접 시작된 변경 사항을 저장, 커밋 및 당기는 요청을 저장할 수 있습니다. VScode.dev와의 잠재적 인 합병이 추측되지만 현재는 여전히 뚜렷합니다. 반대로, Github 리포지토리는 클로닝없이 로컬로 설치된 코드에서 직접 열 수 있습니다.

github codespaces : 터미널 및 미리보기 포함

github codespaces는보다 고급 브라우저 기반 대 코드 경험을 제공합니다. Microsoft 인증을 통해 로컬로 설치된 확장에 액세스 할 수 있습니다. 더 중요한 것은 기능적 터미널을 포함한다는 것입니다. 출시되면 다양한 런타임 및 도구 (Python, Node.js, Docker 등)에 대한 액세스를 제공하여 사용자가 NPM 스크립트를 실행하고 URL을 통해 프로젝트 미리보기를 생성 할 수 있습니다.

gitpod : 강력한 경쟁자

GitPod는 GitHub Codespaces를 미러링하여 전체 Docker/Linux 환경을 제공하는 터미널과 함께 브라우저 기반 대 코드를 제공합니다. 이 강력한 설정은 GITPOD의 지원되는 기술에 따라 생산 환경 미러링을 가능하게합니다. GitPod는 또한 서비스를 관리하는 "작업 공간"을 통합하고 MongoDB 인스턴스 실행과 같은 기능으로 프로젝트 미리보기를 우아하게 처리합니다. Microsoft에 의한 잠재적 인수는 두 회사의 수렴 방향을 고려할 때 그럴듯한 시나리오입니다.

Codesandbox 및 StackBlitz : 유사한 대안

Codesandbox 및 StackBlitz는 또한 브라우저 기반 대 코드 대안을 제공하거나 최소한 대 코드 구성 요소를 사용합니다.

자체 호스팅 대 코드 : 코드 서버

Coder의 코드 서버를 사용하면 VS 코드의 자체 호스팅이 허용되어 타사 웹 버전에 대한 대안을 제공합니다. 이는 제어 된 클라우드 서버에서 VS 코드를 실행하는 데 특히 유용하여 서버 자체에서 직접 파일 편집을 가능하게합니다. 이 접근법은 현지 소프트웨어 기능이 제한된 학교 및 환경에 장점을 제공하여 서버에 집중 작업을 오프로드하여 배터리 수명을 향상시킬 수 있습니다.

웹 기반 IDE의 상승은 부인할 수 없습니다. Figma의 성공은 사용 편의성, 협업 기능 및 접근성을 결합하여 웹 우선 개발의 장점을 보여줍니다. 개발 환경의 미래는 웹을 점점 더 가리키고 있습니다.