vin ui

JDスタイルの軽量VUEコンポーネントライブラリ、モバイルH5およびミニプログラム開発をサポートする

---

Vinuiとは、Nutui（JDスタイルの軽量モバイルコンポーネントライブラリ）の設計と実装と、Taro Applet Component Libraryバージョンnutui-vueに基づいて実装されたUniappバージョンを指します。

Uniappのいくつかの機能の変更と調整が行われ、いくつかの新しいコンポーネントが追加されており、一部のコンポーネントの機能も強化されています。

迅速に開始します

プロジェクトのドキュメント：クイックスタートを参照できます

インストール

Vinuiは、コンポーネントをインストールするためにNPMパッケージとUNI_MODULESパッケージを提供します。

方法1：NPMのインストールと操作

 # Using npm
npm install @vingogo/uni-ui

# Using yarn
yarn add @vingogo/uni-ui

# Using pnpm
pnpm add @vingogo/uni-ui

方法2：Uniappプラグイン市場のダウンロード

Uniappマーケットプラグインアドレス：https：//ext.dcloud.net.cn/plugin?id=11187

方法3：コードをダウンロードします

GithubからVinuiコードをダウンロードしてから、パッケージ化されたコードを独自のプロジェクトにコピーします。

1. リポジトリコードのクローニング：

git clone https://github.com/vingogo/vin-ui.git

2. インストール依存関係：

pnpm i

3. packages/uni-uiディレクトリで、ビジネスに合ったVinuiコードをパーソナライズした調整を行います
4. ビルドコードは、元のTSファイルからコンパイルされたJSファイルを生成し、ES2015に変換します

pnpm run build:uni

packages/uni-ui/uni_modulesでコピーするためのファイルを生成します

使い方

1. pages.jsonにEasyCom構成を追加：

{
  "easycom" : {
    // 此处根据实际文件位置进行修改，如下为通过 npm 包安装的方式配置
    "^vin-(.*)" : " @vingogo/uni-ui/lib/components/$1/index.vue "
  },
  // 此为本身已有的内容
  "pages" : [
    // ......
  ]
}

2. スタイルを紹介します

次のコードをProject Entropent File main.tsまたはmain.jsファイルに追加します。

 import '@vingogo/uni-ui/lib/style.css' ;

3. プロジェクトでの使用：

< vin-button type="primary">button</ vin-button >

プロジェクト操作

このプロジェクトは、PNPMを使用してインストールと実行を行い、プロジェクトを開始することをお勧めします。

1. インストール依存関係

pnpm i

2. H5またはアプレットを実行します

pnpm run dev

3. インタラクティブコマンドラインオプションに基づいて実行する環境を選択します
4. ブラウザまたは指定されたアプレットでコードを実行して、例/dist/devフォルダーを実行します

Vinuiコンポーネントビル

• NPMバージョンコードを作成します：

pnpm run build:lib

上記のコマンドを実行した後、NPMを公開するためのコードはpackages/uni-ui/libで生成されます

• uni_modulesバージョンコードを作成します：

pnpm run build:uni

上記のコマンドを実行した後、UNIAPP市場を公開するためのコードはpackages/uni-ui/uni_modules

Vinui機能

• 主流のモバイルシナリオをカバーする50以上の高品質コンポーネント
• ？動的なカスタムテーマとコンポーネントレベルのカスタムテーマをサポートします
• JDビジョン仕様に基づいています
• ？ダークモードをサポートします
• ？一連のコードをサポートして、H5+マルチエンドアプレットを同時に開発する
• VSCODEコンポーネントプロパティの強調表示をサポートします
• ？オンデマンドの引用をサポートします
• 詳細なドキュメントと例
• ？サポートTypeScript
• ？国際化をサポートします

リンク

• コンポーネントの使用文書
• github
• gitee
• Uniapp Marketプラグイン

接続する

Vinuiの問題については、交換にWeChatを追加してください。注：Vinui