모나코 편집기와 vscode 의 두 프로젝트의 연결과 차이점

서 문 .

많은 사람들이 프 런 트 엔 드 코드 편집 기 모 나 코 편집 기가 VS code 와 관련이 있다는 것을 알고 있지만 세부 사항 은 명확 하지 않으며 이 기 사는 두 가지 의 관계 와 차이 점을 이해할 수 있습니다 .

표 면 대비

첫째 , 두 프로젝트는 모두 Microsoft 에서 왔 으며 , v code 프로젝트 Git hub 144 K 스타 는 CS 아 키 텍 처 , 클 라이언 트 - 서버 아 키 텍 처 를 기반으로 합니다 .주요 기술 스 택 은
선거 인 , TS .

모 나 코 편집 기는 33. 4 k 스타 이며 , B s 아 키 텍 처 , 브라우 저 - 서버 측 아 키 텍 처 이며 , 주요 기술 스 택 은 types cript 입니다 .

깊은 관계 .

위의 정보는 둘 다 사용한 학생 들에게는 기본적으로 다 알고 있다 .

그럼 좀 더 심 오 한 것을 말씀 드리 면 아래 의 이 그림을 보세요 .이 사진은 공식 에서 나온 것이다 . https://github.com/microsoft/monaco-editor/blob/main/CONTRIBUTING.mdアドレス为

이 다이 어 그 램 은 mona co - editor 와 v s code 의 두 라이 브 러 리의 관계를 명확 하게 설명 합니다 .

먼저 v code 의 Git 웨 어 하 우스 에서는 편집 기의 핵심 라이 브 러 리 인 mona co - editor - core 가 구축 됩니다 . 이 라이 브 러 리는 더 낮은 수준 입니다 .상 위 계 층 이 브라우 저 인지 클 라이언 트 인지 상관 하지 않습니다 .그것은 우리가 편집 하는 데 자주 사용하는 위치 , over wie get , over we ig et , min map , range ,
mona co - editor 는 이 라이 브 러 리를 기반으로 개발 되었습니다 .
Monaco 의 문 서는 v s code 에 여러 파일을 스 티 치 하여 만든 TS 파일 로 생성 됩니다 . Monaco 에 문서 에 기여 하고 싶다면 v s code 에서 PR 을 언급 해야합니다 .모 나 코 의 케 이스 코 드는 제외 됩니다 .

라이 브 러 리 에는 언어 특 성이 포함되어 있지 않기 때문에 basic - languages 디 렉 토 리에 있는 mona co - editor 에서 언어 강조 표시 를 정의 하는 많은 파일을 찾을 수 있습니다 .이러한 파일 은 특정 언어 의 색 칠 이 필요한 부분 , 메 서 드 이름을 구별 하는 방법 , 변 수를 구별 하는 방법 , 코드 블록 을 나타내는 방법 및 축 소 할 수있는 방법을 정의 합니다 . 이 기본 세 트는 사용 된 mon arch 구 문 입니다 .

구 문 강조 표시 , 자동 대 조 완료

당신은 mona co 의 공식 웹 사이트 에서 문 서를 찾을 수 있으며 , 그가 언어 의 문 법을 설명 하는 방법을 찾을 수 있습니다 .
https://microsoft.github.io/monaco-editor/monarch.html

Mon arch : J SON 을 사용하여 선언 적 구 문 강조 표시 를 만듭니다 .

공식 문서 에서는 Mon arch 라이 브 러 리를 사용하여 구 문 강조 표시 를 만드는 방법을 설명 합니다 .이 라이 브 러 리는 개발 자가 J SON 값 으로 작성 된 선언 적 어 휘 사 양 을 사용하여 효율 적인 구 문 강조 표시 를 지정 할 수 있도록 합니다 .이 사 양 은 복잡한 상태 전환 , 동 적 괄 호 일치 , 자동 완료 , 다른 언어 포함 등의 기능을 갖 춘 복잡한 강조 표시 자를 지정 할 수 있는 충분한 표현 력을 가지고 있으며 , 이 문서 의 " 고 급 " 주제 섹션 에서 설명 되어 있습니다 .대부분의 언어 정의 에서 많은 고급 기능 이 거의 사용 되지 않기 때문에 처음 읽을 때 (고 급) 로 표시 된 섹션 이나 단 락 을 안전하게 건너 뛰 는 것이 좋습니다 .

이 라이 브 러 리에 정의 된 속 성이 많이 있는데 , 나중에 기회가 있다면 몇 가지 자주 사용되는 속 성을 설명 할 수 있다 .

여기서 우리는 모 나 코 의 구 문 강조 표시 가 mon arch 를 사용하는 것을 알고 있습니다 , 그래서 vs code 는 무엇입니까 ?또한 Mon arch 를 사용 합니까 ?
클 라이언 트 소프트웨 어는 브라우 저 보다 훨씬 더 많은 리 소 스를 사용할 수 있습니다 . vs code 에서 사용하는 페이지 에서 가장 인기있는 L SP 언어 프로토 콜 입니다 .

L SP 에 대한 공식 문 서는 확인할 수 있습니다 .
https://microsoft.github.io/language-server-protocol/
L SP 는 Language Server Protocol 의 약 자 이며 , 일반적인 언어 서비스 프로토 콜 입니다 .

프로그래밍 언어 에 자동 완료 , 정의 로 이동 또는 문서 에 마 우 스를 올려 놓 는 것과 같은 기능을 추가 하는 것은 많은 노력 이 필요합니다 .전통 적으로 이 작업 은 각 개발 도구 에 대해 반복 되어야 하며 , 각 도구 는 동일한 기능을 구현 하기위한 다른 API 를 제공하기 때문입니다 .

언어 서버 는 언어 별 인 텔 리 전 스를 제공하고 프로세 스 간 통신 을 가능하게 하는 프로토 콜 을 통해 개발 도구 와 통신 하도록 설계 되었습니다 .

L SP (L angu age Server Protocol) 의 아이디어 는 이러한 서버 와 개발 도구 가 통신 하는 방식을 표준 화하는 프로토 콜 입니다 .따라서 단일 언어 서버 는 여러 개발 도구 에서 재 사 용 할 수 있으며 , 이러한 도구 는 최소한 의 노력 으로 여러 언어를 지원 할 수 있습니다 .

L SP 는 언어 공급 업체 와 도구 공급 업체 모두에게 승리 입니다 !

다음 그림 은 L SP 를 사용하여 문서 주 석 이 포함 된 자동 완료 를 보여 줍니다 .

其实网上也有一些大佬为了提升monaco的用户体验，也尝试集成LSPProtocol，我的朋友就是其中一名。그러나 전체 과정은 비교 적 번 거 롭고 복잡 합니다 .지정 된 언어 에 대한 L SP 프로토 콜 을 찾아 모 나 코 에 서비스를 제공하는 서버 로 사용 해야 합니다 .나중에 기회가 되면 여러분 께 설명 해 드리 겠습니다 .

요 약

우 수한 제품 주변 도 모두 우 수 하다 .바로 강 장 군 밑 에는 약 병 이 없다 .우리는 우 수한 팀 에 들어가 서 우 수한 사람들과 접촉 하여 우리의 인생 계획 에 큰 도움이 되었습니다 .강 제로 헛 소 리 -