웹 메이커, 오프라인 브라우저 기반 코데펜 대안

웹 메이커 : 오프라인 브라우저 코드 편집기, 코드 파라다이스

웹 메이커는 Codepen, JSBin 및 JSFiddle과 같은 온라인 코드 편집기와 유사한 오프라인 브라우저 기반 코드 편집 환경을 제공하는 Chrome 브라우저 확장으로 HTML, CSS 및 JavaScript 코드를 작성할 수 있습니다. 실시간.

이 도구에는 인스턴트 새로 고침, 저장 및 로딩 프로젝트, 주류 전처리 서를 지원하고 외부 JavaScript 또는 CSS 라이브러리 추가, 여러 레이아웃 모드 및 스크린 샷과 같은 실질적인 기능이 많이 있습니다. 작업을 HTML 파일로 저장하거나 Codepen에서 직접 열 수 있으며 GitHub의 오픈 소스입니다. 웹 메이커의 응용 시나리오 :

웹 개발 학습 도구 :

지루한 설정이 필요하지 않으며 코드 쓰기에 중점을 둡니다.

독립 구성 요소 개발 :

응용 프로그램의 독립적 인 구성 요소를 신속하게 개발하고 테스트합니다.

Markdown 편집기 : 웹 메이커를 실시간 미리보기를 통해 Markdown 편집기로 바꿉니다. (이 기사는 웹 메이커를 사용하여 작성되었습니다) 수업 교육 : 오프라인 환경, 교실 교육에 적합합니다. 디버그 코드 :

는 쉽게 디버깅을 위해 단순화 된 테스트 케이스를 만듭니다.

• 코드 스 니펫 저장소 : 좋아하는 코드 스 니펫을 저장하고 관리합니다.
• 주요 함수 :
• 슈퍼 빠른 빠른, 사용 가능한 오프라인 :
크롬 확장자로서 웹 메이커는 네트워크 연결없이 브라우저에서 완전히 실행됩니다 (타사 JavaScript/CSS 라이브러리를 사용하지 않는 한). 시작 속도는 매우 빠르며 코드가 수정 된 후에 미리보기가 즉시 새로 고침되며 CSS 수정에는 새로 고침이 필요하지 않습니다. 프로젝트 저축 및로드를 지원합니다.
전처리 서적 지원 :
• 는 Markdown, Jade, SCSS, Less, JSX 및 TypeScript와 같은 주류 전처리기를 지원합니다.
라이브러리 추가 :
• jQuery, 부트 스트랩 등과 같은 외부 라이브러리를 추가하기 쉽습니다.

다중 레이아웃 :

는 다양한 편집기 레이아웃을 제공하고 지난번에 사용한 레이아웃 및 코드 패널 크기를 기억합니다.

Screencapsulation Function : 1 번 클릭 스크린 샷 미리보기 효과.

공유 및 협업을 위해 html로 저장하거나 코드펜에서 열리십시오.

• 오픈 소스 : github는 오픈 소스이며, 이는 사용자 기여와 피드백을 용이하게합니다.

• 미래 계획 : 가져 오기/내보내기 기능 편집기 사용자 정의 설정 (글꼴 크기, 테마, 들여 쓰기 등)

  요약 :
웹 메이커는 프론트 엔드 개발 프로세스를 단순화하도록 설계된 강력한 오프라인 브라우저 코드 편집기입니다. 오픈 소스 기능도 더 역동적으로 만들어지며 모든 사람은 사용, 피드백 및 기여를 환영합니다!

(다음은 FAQ이며 기본적으로 원래 FAQ 내용과 동일하지만 표현 방법은 더 간결하고 매끄럽게 만들도록 조정됩니다)

.

FAQ (FAQ) :

웹 메이커의 주요 기능은 무엇입니까? Web Maker는 실시간 미리보기, 프로젝트 저장 및로드, 전처리 기 (Pug, Sass, Typescript) 및 라이브러리 (예 : React, Vue, Angular)를 지원하는 강력한 오프라인 브라우저 코드 편집기입니다.
웹 메이커는 코드펜과 어떻게 비교됩니까? 두 기능은 비슷하지만 웹 메이커는 오프라인 사용을 지원하는 반면 Codepen은 네트워크 연결이 필요합니다. Codepen은 더 강력한 커뮤니티 기능을 가지고 있습니다.

• 웹 메이커를 지원하는 브라우저는 무엇입니까?
  대부분의 최신 브라우저는 지원되지만 크롬에 최적화됩니다.

웹 메이커가 무료입니까? 예, 웹 메이커는 완전히 무료이며 오픈 소스입니다.

• 웹 메이커에서 프로젝트를 저장하는 방법은 무엇입니까? 웹 메이커는 브라우저 로컬 스토리지에 자동으로 저장되거나 수동으로 저장 및 .webm 파일로 내보낼 수 있습니다.

• 웹 메이커는 모바일 장치를 지원합니까? 현재는 주로 데스크탑 브라우저에 최적화되어 있으며 모바일 지원이 개선되고 있습니다.
  웹 메이커는 전처리기를 지원합니까? 는 PUG (HTML), SASS (CSS), TypeScript (JavaScript) 등을 지원합니다.

• 웹 메이커가 라이브러리를 가져올 수 있습니까? REACT, VUE, Angular 등과 같은 인기있는 라이브러리 수입 지원

• 웹 메이커를 시작하는 방법은 무엇입니까? 는 지원되는 브라우저에서 웹 메이커 웹 사이트에 직접 액세스 할 수 있습니다.
  웹 메이커 프로젝트를 공유하는 방법은 무엇입니까? 공유 할 .webm 파일로 내보내십시오.

위 내용은 웹 메이커, 오프라인 브라우저 기반 코데펜 대안의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!