shards vue
v1.0.6
Shards Vue هي مجموعة Vue.js Fue.js مجانية وجميلة وحديثة
بناء على شظايا.
الوثائق والتوضيح • الصفحة الرسمية
البدء مع شظايا Vue بسيطة إلى حد ما. يمكنك تنزيل Shards Vue عبر الموقع الرسمي ، هنا على Github كحزمة إصدار أو باستخدام مدير الحزمة مثل Yarn أو NPM.
يمكنك تثبيت شظايا Vue عبر Yarn أو NPM.
// Install via Yarn
yarn add shards-vue
// Install via NPM
npm i shards-vueإذا كنت تستخدم Bundler Module Bundler مثل WebPack أو Rollup ، فيمكنك تضمين مكتبة 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 ، فتأكد من استيراد المكون الذي ترغب في استخدامه فقط.
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.29 كيلو بايت |
| Shards-vue.esm.min.js | 46.24 كيلو بايت |
| Shards-vue.umd.min.js | 39.3 كيلو بايت |
يرجى قراءة المساهمة.
إذا كنت ترغب في إصلاح خطأ أو العمل على ميزة ، فتأكد من اتباع الخطوات أدناه من أجل إعداد بيئة التطوير على جهازك المحلي:
yarn لتثبيت جميع التبعيات المطلوبة.npm i -g @vue/cli @vue/cli-service-global أو yarn global add @vue/cli-service-global .yarn watch من أجل بدء تشغيل الخادم وتشغيل صندوق الرمل مع إعادة التحميل الساخن.sandbox/Sandbox.vue لمزيد من التفاصيل.عرض خريطة الطريق.
عرض التغييرات البارزة.
