shards vueダウンロード-Shards shards vueソースコードのダウンロード

shards vue

サードパーティ製コンポーネント

v1.0.6

ダウンロード

Shards Vueは無料で美しくモダンなVue.js UIキットです
破片に基づいています。

ドキュメントとデモ•公式ページ

はじめる

Shards Vueを始めるのはかなり簡単です。公式ウェブサイトから、Githubでリリースパッケージとして、またはYarnやNPMなどのパッケージマネージャーを使用して、Shards Vueをダウンロードできます。

公式ウェブサイト
パッケージをリリースします

クイックスタート

YarnまたはNPMを介してShard Vueをインストールできます。

// Install via Yarn
yarn add shards-vue

// Install via NPM
npm i shards-vue

モジュールバンドラー

Webパックやロールアップなどのモジュールバンドラーを使用している場合は、プロジェクト内にShards Vueライブラリ全体を含めることができます。

 import Vue from 'vue'
import ShardsVue from 'shards-vue'

// Import base styles (Bootstrap and Shards)
import 'bootstrap/dist/css/bootstrap.css'
import 'shards-ui/dist/css/shards.css'

Vue . use ( ShardsVue ) ;

コンポーネントをVUEプラグインとして登録します

特定のコンポーネントのみをVUEプラグインとして登録する場合は、使用するコンポーネントのみをインポートしてください。

 import Vue from 'vue'

// Import base styles (Bootstrap and Shards)
import 'bootstrap/dist/css/bootstrap.css'
import 'shards-ui/dist/css/shards.css'

import { Button } from 'shards-vue/src/components'
Vue . use ( Button )

単一のファイルコンポーネントのインポート

単一のファイルコンポーネントのインポートも可能です。

< template >
    < d-button @click = " handleClick " >Click Me!</ d-button >
</ template >

< script >
import dButton from ' shards-vue/src/components/button/Button '

export default {
    components : {
        dButton
    },
    methods : {
        handleClick () {
            alert ( ' You just clicked me! ' )
        }
    }
}
</ script >

ファイルサイズ

また、 yarn bundlesizeをいつでも実行して、コンパイルされたファイルサイズを確認することもできます。

ファイル名	サイズ（min.gz）
Shards-Vue.common.min.js	46.29kb
SHARDS-VUE.ESM.MIN.JS	46.24kb
Shards-Vue.umd.min.js	39.3kb

使用して構築されています

シャードUIキット
LéonGersenによるnouislider（WTFPLライセンス）
vuejs-datepicker

貢献

私たちの行動規範の詳細と、私たちにプル要求を送信するプロセスについては、converting.mdをお読みください。

バグを修正したり、機能を作業したい場合は、ローカルマシンに開発環境をセットアップするために、以下の手順に従ってください。

リポジトリをクローンします。
必要なすべての依存関係をインストールするには、 yarnを実行します。
実行中のVue CLIとCLIサービスyarn global add @vue/cli-service-globalグローバルnpm i -g @vue/cli @vue/cli-service-globalインストールします。
サーバーをキックスタートし、ホットリロードでサンドボックスを実行するためにyarn watchを実行します。
詳細については、 sandbox/Sandbox.vueファイルを参照してください。