pxt

마이크로소프트 메이크코드

• 브라우저에서 편집기를 사용해 보세요...

Microsoft MakeCode는 오픈 소스 프로젝트 Microsoft 프로그래밍 경험 도구 키트(PXT)를 기반으로 합니다. Microsoft MakeCode 사용자용 편집기의 이름이고, PXT 모든 GitHub 소스에서 사용됩니다.

PXT는 특히 컴퓨터 과학 교육에 초점을 맞춘 초보자를 위한 특수 목적의 프로그래밍 경험을 만들기 위한 프레임워크입니다. PXT의 기본 프로그래밍 언어는 TypeScript의 하위 집합입니다(JavaScript 동적 기능 제외).

PXT의 주요 기능은 다음과 같습니다.

• 텍스트 형식으로의 변환기와 함께 Blockly 기반 코드 편집기
• VS Code를 지원하는 Monaco 코드 편집기인 편집기의 기능은 여기에 나열되어 있습니다.
• TypeScript에서 새 블록을 정의하는 확장성 지원
• ARM Thumb 기계어 코드 이미터
• 명령줄 패키지 관리자

추가 정보:

• 에 대한
• 선적 서류 비치

MakeCode로 구축된 편집기의 예:

• https://makecode.microbit.org
• https://arcade.makecode.com
• https://makecode.adafruit.com
• https://minecraft.makecode.com
• https://makecode.mindstorms.com
• https://makecode.chibitronics.com
• https://makecode.com/labs에 더 많은 편집자가 있습니다.

지점

• master 활성 개발 브랜치이며 현재 v3.* 빌드입니다.
• v* v*.* 빌드에 대한 서비스 분기입니다.

localhost에서 대상 실행

여기의 지침을 따르십시오.

대상을 PXT에 연결

자신의 PXT 인스턴스를 수정하고 대상(예: pxt-microbit)이 로컬 버전을 사용하도록 하려면 대상 디렉터리(예: pxt의 형제 디렉터리인 pxt-microbit)로 이동하세요. ) 그리고 수행

 pxt link ../pxt

pxt를 여러 번 결제한 경우 다음을 수행할 수 있습니다.

• pxt와 대상에서 npm i 실행합니다.
• 대상에서 pxt link ..some-other-pxt 실행합니다( npm install -g pxt 실행하여 먼저 CLI를 업데이트해야 할 수도 있습니다).

나중에 npm i 실행하는 경우(target 또는 pxt에서) 이 단계를 반복해야 할 수도 있습니다.

짓다

먼저 Node: 최소 버전 8을 설치합니다.

PXT 명령줄 도구를 빌드하려면:

 npm install
npm run build

그런 다음 pxt 명령줄 도구를 설치합니다(한 번만 수행하면 됩니다).

 npm install -g pxt

그런 다음 gulp 설치합니다(한 번만 수행하면 됩니다).

 npm install -g gulp

그런 다음 빌드 트리 내 어디에서나 pxt 실행할 수 있습니다.

로컬 웹 서버를 시작하려면 앱 대상(예: pxt-microbit)의 루트 내에서 pxt serve 실행하세요. PXT는 기본 웹 브라우저에서 편집기를 엽니다.

pxt에 대해 개발하는 경우 pxt 저장소의 루트 내에서 gulp watch 실행하여 변경 사항을 감시하고 다시 빌드할 수 있습니다.

 gulp watch

CLI에서만 작업하는 경우

 gulp watchCli

관련 웹앱 모음(스킬맵, 멀티플레이어 등)을 빌드할 필요가 없다면 해당 웹앱을 건너뛰고 빌드 속도를 약간 높일 수 있습니다.

 gulp --no-webapps

아이콘

svgicons/ 디렉토리에는 (http://semantic-ui.com/elements/icon.html 외에 사용하기 위한) 사용자 정의 아이콘이 많이 있습니다. 크기는 1000x1000px 이어야 합니다. 기존 것부터 시작하는 것이 가장 좋습니다. 사용 가능한 아이콘을 보려면 http://localhost:3232/icons.html로 이동하십시오(이 파일은 생성된 WOFF 아이콘 글꼴이 포함된 icons.css 와 함께 빌드 중에 생성됩니다).

생성한 아이콘을 표시하는 데 문제가 있는 경우 다음을 시도해 보세요.

 npm install -g svgo
svgo svgicons/myicon.svg

공유 스타일링

편집기 대상(예: micro:bit, Arcade) 및 하위 애플리케이션(skillmap, Teachertool 등과 같은 "CRA"라고도 함)에서 공유될 CSS 색상 또는 기타 스타일 요소를 추가하는 경우. theme/themepacks.less 에 CSS 변수를 선언하세요.

1. :root 의사 클래스에 새 변수를 추가합니다. 파일의 지침에 따라 합리적인 기본값을 선택하십시오.
2. 해당 파일에 정의된 모든 테마 클래스에 새 변수를 추가합니다. 이 글을 쓰는 시점에서는 theme-highcontrast 만 정의되어 있습니다. 주어진 테마에 적합한 값을 선택하세요.
3. 각 대상의 테마 재정의에 새 변수를 추가합니다. 이는 대상 저장소의 theme/themepacks.less 파일(예: pxt-microbit, pxt-arcade)에서 수행됩니다.

이 방식으로 선언된 변수는 런타임 시 CRA에서 사용할 수 있으며 실행 중인 대상에서 정의한 재정의 값으로 초기화됩니다.

문서 강조

설명서에서 코드 조각 강조 표시에는 하이라이트.js(hljs)가 사용됩니다. 현재 다음 언어가 포함되어 있습니다.

• 타입스크립트
• 파이썬
• 자바스크립트
• HTML, XML
• 가격 인하

다른 언어를 추가하거나 기존 언어를 업데이트해야 하는 경우 https://highlightjs.org/download/에서 배포판을 찾을 수 있습니다. 포함하려는 모든 언어(위의 언어 포함!)를 선택하고 다운로드하여 압축을 푼 다음 마지막으로 highlight.pack.js webapp/public/highlight.js/ 에 복사합니다.

테스트

테스트는 tests/ 하위 디렉터리에 있으며 노드 및 브라우저 테스트의 조합입니다. 이를 실행하려면 루트 디렉터리에서 npm run test:all 실행하세요.

특허

MIT 라이센스

행동 강령

이 프로젝트는 Microsoft 오픈 소스 행동 강령을 채택했습니다. 자세한 내용은 행동 강령 FAQ를 참조하거나 추가 질문이나 의견이 있는 경우 [email protected]으로 문의하세요.

문의하기

연락하세요

상표

MICROSOFT, Microsoft 로고 및 MAKECODE는 Microsoft Corporation의 등록 상표입니다. 이는 https://www.microsoft.com/en-us/legal/intellectualproperty/trademarks/usage/general.aspx에 게시된 Microsoft의 상표 및 브랜드 지침에 설명된 목적으로만 사용할 수 있습니다. 해당 용도가 Microsoft에서 게시한 지침에 포함되지 않거나 확실하지 않은 경우 법률 고문이나 MakeCode 팀([email protected])에 문의하세요.