ユニアプリプロジェクトを作成するにはどうすればよいですか?工程説明

ユニアプリプロジェクトを作成するにはどうすればよいですか?この記事ではユニアプリの作り方を体系的に解説していきますので、ぜひ参考にしてください。

ユニアプリの作成プロセス:

現在のフロントエンドに不可欠なスキルが多数含まれています。 vue、WeChat アプレット、コンポーネントのカプセル化、モバイル ジェスチャのカプセル化、データ ページング、axios、moment、フレックス レイアウト、sass、ビデオ再生、ビデオ ダウンロード、その他の機能。 [関連する推奨事項: "uniapp チュートリアル "]

1. uni-app の概要

1.1 uni とは- app

uni-app は、vue.js 構文を使用してすべてのフロントエンド アプリケーションを開発するフレームワークです

さまざまなものを開発できます

フルエンド開発フレームワークとも呼ばれます

2. ユニアプリの基礎

2.1 基礎知識

• uni-app の初体験
• プロジェクト構造の紹介
• スタイルとサス
• 基本構文
• イベント
• コンポーネント
• ライフサイクル

##3. 最初に基本、次にプロジェクト##必要なテクノロジー スタックは

です#html

css
• JavaScript
• vue
• WeChat アプレット
• uni-app
• uni-ui
• uni-api
• #moment.js
• ジェスチャー カプセル化
• ##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 コンポーネントで、属性 "