vue-design-system-demo v1.4.1

vue-design-system

启动

// 安装包
yarn install

// storybook 热启动
yarn run storybook:serve

// build storybook
yarn run storybook:build

发布

npm run build:lib // 打包项目文件

npm version patch / minor / major // 更改发布版本

npm login // 登录npm仓库

npm publish // 发布到npm仓库

使用方法

npm install vue-design-system-demo

import Vue from 'vue';
import DesignSystem from 'vue-design-system-demo';
import 'vue-design-system-demo/lib/vue-design-system.css';

Vue.use(DesignSystem);

覆盖主题

在 vue.config.js 中增加

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        additionalData: `@import "path/to/your-theme.scss";`
        // sass 版本 9 中使用 additionalData 版本 8 中使用 prependData
      }
    }
  },
  ...
}