유니앱 프로젝트는 어떻게 만드나요? 공정 설명

유니앱 프로젝트는 어떻게 만드나요? 이 글은 유니앱을 만드는 과정을 체계적으로 설명하는 글이 여러분께 도움이 되었으면 좋겠습니다!

uni-app을 만드는 과정:

vue, WeChat 애플릿, 컴포넌트 패키징, 모바일 제스처 패키징, 데이터 페이징, axios, 모멘트 등 현재 프런트 엔드 필수 기술이 다수 포함되어 있습니다. , 플렉스 레이아웃, Sass, 비디오 재생, 비디오 다운로드 및 기타 기능. [관련 추천 : "uniapp 튜토리얼"]

1. uni-app 소개

1.1 uni-app이란

uni-app은 vue.js 구문을 사용하여 개발하는 도구입니다. 모든 프론트엔드 애플리케이션 프레임워크

다양한 것을 개발할 수 있습니다

풀엔드 개발 프레임워크라고도 합니다

2. uni-app 기초

2.1 기본 지식

• uni-app 첫 경험
• 프로젝트 구조 소개
• 스타일과 sass
• 기본 구문
• 이벤트
• Components
• Life Cycle

3. 기본을 먼저 하고 프로젝트를 진행합니다

필요한 기술 스택은

• html
입니다.
• css
• JavaScript
• vue
• WeChat applet
• uni-app
• uni-ui
• uni-api
• moment.js
• Gesture Packaging

4.

1. 글로벌 설치

npm install -g @vue/cli

2. 프로젝트 만들기

vue create -p dcloudio/uni-preset-vue my-project

3. 프로젝트 시작(WeChat 애플릿)

npm run dev:mp-weixin

4. WeChat 애플릿 개발자 도구로 프로젝트를 가져옵니다

루트 디렉터리를 입력하세요

4.1

4.2 스타일 및 sass

는 미니 프로그램의 rpx와 h5의 vw 및 vh를 지원합니다
Sass 구성이 내장되어 있으며 해당 종속성인 "npm install"만 설치하면 됩니다. sass-loader node-sass "
vue 컴포넌트에서 스타일 태그에 "