hello uniapp 실행 방법

hello uniapp 실행 방법: 먼저 HBuilderX 도구 시각적 인터페이스를 사용한 다음 도구 모음에서 "파일->새로 만들기->프로젝트"를 클릭하고 "uni-app" 유형을 선택하여 생성합니다. " 프로젝트를 선택하고 도구 모음에서 "실행"을 클릭하세요.

이 튜토리얼의 운영 환경: Windows 10 시스템, uni-app 버전 2.5.1, thinkpad t480 컴퓨터.

권장(무료): uni-app 개발 튜토리얼

uni-app은 시각적 인터페이스와 vue-cli 명령줄을 통해 신속한 프로젝트 생성을 지원합니다.

1. HBuilderX 시각적 인터페이스를 통해

HBuilderX에는 관련 환경이 내장되어 있어 nodejs를 구성하지 않고도 바로 사용할 수 있습니다.

시작하기 전에 개발자는 다음 도구를 다운로드하여 설치해야 합니다.

HBuilderX: 공식 IDE 다운로드 주소 https://www.dcloud.io/hbuilderx.html

HBuilderX는 일반적인 프런트엔드 개발 도구이지만 유니앱은 특별하게 개선되었습니다.

즉시 사용할 수 있는 앱 개발 버전을 다운로드하세요. 표준 버전을 다운로드하면 uni-app을 실행하거나 게시할 때 uni-app 플러그인을 설치하라는 메시지가 표시됩니다. 플러그인을 다운로드한 후 사용됩니다.

cli를 이용해 프로젝트를 생성하면 해당 프로젝트에 uni-app 컴파일 플러그인이 설치되어 있기 때문에 표준 버전을 바로 다운로드 받을 수 있습니다.

Create uni-app

툴바에서 File-> New-> 프로젝트를 클릭하세요.

uni-app 유형을 선택하고, 프로젝트 이름을 입력하고, 템플릿을 선택하고, Create를 클릭하세요. 생성에 성공할 것입니다.

uni-app과 함께 제공되는 템플릿에는 공식 컴포넌트인 Hello uni-app과 API 예제가 포함되어 있습니다. 또 다른 중요한 템플릿은 uni ui 프로젝트 템플릿으로, 일상적인 개발에 권장되며 일반적으로 사용되는 많은 구성 요소가 내장되어 있습니다.

Uni-app 실행

1. 브라우저 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행을 클릭합니다. -> 브라우저로 실행합니다. 브라우저에서 유니앱의 H5 버전을 경험해 보세요.

2. 휴대폰을 연결하고 USB 디버깅을 켜고 hello-uniapp 프로젝트에 들어가서 도구 모음에서 실행->실행 중인 장치를 선택하면 됩니다. 디바이스유니앱에서 경험해보세요.

3. 휴대폰이 인식되지 않으면 메뉴를 클릭하여 휴대폰 또는 에뮬레이터-실제 장치 실행 공통 문제 해결 가이드로 실행하세요. 현재 앱을 개발하려면 WeChat 개발자 도구도 설치해야 합니다.

WeChat 개발자 도구에서 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행 -> 미니 프로그램 시뮬레이터로 실행 -> WeChat 개발자 도구를 클릭하면 WeChat 개발자 도구에서 uni-app을 경험할 수 있습니다.

참고: 처음 사용하는 경우 성공적으로 실행되기 전에 미니 프로그램 ide의 관련 경로를 구성해야 합니다. 아래와 같이 입력란에 위챗 개발자 도구의 설치 경로를 입력해야 합니다. H Builder의 경우 실시간 효과.

uni-app은 기본적으로 루트 디렉터리의 unpackage 디렉터리에 프로젝트를 컴파일합니다.

4. Alipay Mini 프로그램 개발자 도구에서 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행을 클릭하세요. -> Mini 프로그램 시뮬레이터로 실행 -> -Alipay 미니 프로그램 개발자 도구의 app.

5. Baidu 개발자 도구에서 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행을 클릭합니다. -> 미니 프로그램 시뮬레이터로 실행 -> Baidu 개발자 도구 경험 uni를 열 수 있습니다. -앱 내부.

6. Bytedance 개발자 도구에서 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행 -> 미니 프로그램 시뮬레이터로 실행 -> Bytedance 개발자 도구를 클릭하면 도구에서 Bytedance Experience uni-app에서 개발할 수 있습니다.

7. 360 개발 도구에서 가져오기: hello-uniapp 프로젝트에 들어가서 도구 모음에서 실행 클릭 -> 미니 프로그램 시뮬레이터로 실행 -> 360 개발 도구, 360에서 uni를 경험해 볼 수 있습니다. ​개발 도구 -app.

8. Quick Application Alliance 도구에서 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행을 클릭 -> 미니 프로그램 시뮬레이터로 실행 -> Quick Application Alliance 도구를 사용하면 Quick Application에서 실행할 수 있습니다. Alliance Tool 내부에서 uni-app을 경험해 보세요.

9. Huawei 개발자 도구에서 실행: hello-uniapp 프로젝트를 입력하고 도구 모음에서 실행을 클릭합니다. -> 미니 프로그램 시뮬레이터로 실행 -> Huawei 개발자 도구 경험에서 실행할 수 있습니다. 유니앱 내부.

10. QQ 애플릿 개발 도구에서 실행: 내용은 위와 동일하며 반복되지 않습니다.

위 내용은 hello uniapp 실행 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!