マイクロ信ウィジェットでサードパーティuiフレームワークを使用する方法

インストール手順
インストール前にnodeがインストールされていることを確認します.(探宝ミラーを設置していない先にタオバオミラーを設置し、設置速度が速い)
タオバオミラーの設定:

npm config set registry https://registry.npm.taobao.org --global

新しい微信ウィジェットプロジェクト(プロジェクトのルートディレクトリの下でpowerShellを開く)

npm init

npm install --production

npm i vant-weapp -S --production

微信開発者ツールでnpmを構築し、プロジェクト設定でnpmパッケージでインストールするオプションをチェックすると、プロジェクトのルートディレクトリにnode_が生成されることがわかります.modulesフォルダ、miniprogram_を生成npmフォルダ.そしてapp.jsonまたは他の任意の.jsonに使いたいUIコンポーネント名を必要に応じて入れればよい.注意経路の問題

そしてvant-weapp公式ドキュメントが提供する方法に基づいて、導入すれば使用できます.例:index.jsonファイル

{
  "usingComponents": {
    "van-button": "vant-weapp/button"
  }
}

index.wxmlファイル

wux-weapp
コンポーネント化され、多重化され、拡張性の高い微信ウィジェットUIコンポーネントライブラリです.
インストール

 npm install wux-weapp -S --production

上記と同様に、WeChat開発者ツールでnpmを構築し、プロジェクト設定でnpmパッケージを使用してインストールするオプションをチェックします(他のサードパーティuiフレームワークは同じ理屈です)*)