Блог

Главная - Вопросы по программированию - Как отключить сочетания клавиш storybook

Как отключить сочетания клавиш storybook

#javascript #typescript #vue.js #vuejs2 #storybook

#javascript #typescript #vue.js #vuejs2 #сборник рассказов

Вопрос:

Я использую storybook 6.0.25 для одной из документации моего проекта vue, в которой я переключаюсь между записями с кнопками меньше и больше, чем на клавиатуре. Но когда я нажимаю меньше, storybook отвечает на нажатие клавиши своим собственным ярлыком, чтобы открыть страницу «О программе». Есть ли какой-либо способ заставить storybook прекратить реализацию всех или указанных сочетаний клавиш? Другие сочетания клавиш — это «s», «d», «f», которые, очевидно, могут использоваться разработчиками для разных целей! Ниже приведен main.js конфигурационный файл в моем проекте vue для сборника рассказов:

 const path = require('path');
module.exports = {
  stories: ['../../src/**/*.stories.@(js|ts)'],
  addons: [
    '@storybook/addon-docs',
    '@storybook/addon-actions',
    '@storybook/addon-controls'
  ],
  webpackFinal: async (config, { configType }) => {
    // Use Sass loader for vuetify components
    config.module.rules.push({
      test: /.s(a|c)ss$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
      include: path.resolve(__dirname, '../'),
    });
    config.module.rules.push({
      resolve: {
        alias: {
          '@': path.resolve(__dirname, '../src'),
          vue: 'vue/dist/vue.js',
          'vue

Ответ №1:

Вы можете включать или выключать сочетания клавиш с помощью настройки enableShortcuts:true/false . Более подробную информацию можно найти здесь.

Комментарии:

1. Да, я видел "что" делать, но, к сожалению, я не мог понять, "где" записать это изменение конфигурации с помощью vuejs. Я пробовал редактировать в vue.config и config storybook, но это ничего не изменит!

Ответ №2:

Хорошо, я понял. После очистки локального хранилища браузера в моем 'preview.js 'файл, мне пришлось добавить следующее, чтобы изменить конфигурации

 import { addons } from '@storybook/addons';

addons.setConfig({
  enableShortcuts: false
});

Ответ №3:

Другим решением, которое я нашел, является добавление следующей части в preview.js файл, но он снова устарел по сравнению с вышеупомянутым решением в версии 7 сборника рассказов (как предложено в консоли storybook):

 import { addParameters } from '@storybook/vue';
addParameters({
  options: {
    enableShortcuts: false
  }
});

: 'vue/dist/vue.esm.js',
},
},
});
// Return the altered config
return config;
},
}

Ответ №1:

Вы можете включать или выключать сочетания клавиш с помощью настройки enableShortcuts:true/false . Более подробную информацию можно найти здесь.

Комментарии:

1. Да, я видел «что» делать, но, к сожалению, я не мог понять, «где» записать это изменение конфигурации с помощью vuejs. Я пробовал редактировать в vue.config и config storybook, но это ничего не изменит!

Ответ №2:

Хорошо, я понял. После очистки локального хранилища браузера в моем ‘preview.js ‘файл, мне пришлось добавить следующее, чтобы изменить конфигурации





Ответ №3:




Другим решением, которое я нашел, является добавление следующей части в preview.js файл, но он снова устарел по сравнению с вышеупомянутым решением в версии 7 сборника рассказов (как предложено в консоли storybook):