feat: add the quickAccess for the Settings

src/monaco/quickAccessSettingsAction.ts

@@ -0,0 +1,39 @@
+import 'reflect-metadata';
+import { localize } from 'monaco-editor/esm/vs/nls';
+import { KeyMod, KeyCode } from 'mo/monaco';
+import { KeyChord } from 'monaco-editor/esm/vs/base/common/keyCodes';
+import { ISettingsService, SettingsService } from 'mo/services';
+import { ServicesAccessor } from 'monaco-editor/esm/vs/platform/instantiation/common/instantiation';
+import { container } from 'tsyringe';
+import { Action2, KeybindingWeight } from './common';
+
+export class QuickAccessSettings extends Action2 {
+    static readonly ID = 'workbench.action.quickAccessSettings';
+    static readonly LABEL = localize(
+        'quickAccessSettings.label',
+        'Open Settings (JSON)'
+    );
+    private readonly settingsService: ISettingsService;
+
+    constructor() {
+        super({
+            id: QuickAccessSettings.ID,
+            label: QuickAccessSettings.LABEL,
+            title: QuickAccessSettings.LABEL,
+            alias: 'Open Settings (JSON)',
+            precondition: undefined,
+            f1: true,
+            keybinding: {
+                when: undefined,
+                weight: KeybindingWeight.WorkbenchContrib,
+                // eslint-disable-next-line new-cap
+                primary: KeyChord(KeyMod.CtrlCmd | KeyCode.US_COMMA),
+            },
+        });
+        this.settingsService = container.resolve(SettingsService);
+    }
+
+    run(accessor: ServicesAccessor) {
+        this.settingsService.openSettingsInEditor();
+    }
+}

src/provider/molecule.tsx

@@ -13,6 +13,7 @@ import { ID_APP } from 'mo/common/id';
 import { IMonacoService, MonacoService } from 'mo/monaco/monacoService';
 import { CommandQuickAccessViewAction } from 'mo/monaco/quickAccessViewAction';
 import { registerAction2 } from 'mo/monaco/common';
+import { QuickAccessSettings } from 'mo/monaco/quickAccessSettingsAction';
 import { SelectColorThemeAction } from 'mo/monaco/selectColorThemeAction';
 
 export interface IMoleculeProps {
@@ -54,6 +55,7 @@ export class MoleculeProvider extends React.Component<IMoleculeProps> {
         );
         registerAction2(CommandQuickAccessViewAction);
         registerAction2(SelectColorThemeAction);
+        registerAction2(QuickAccessSettings);
     }
 
     public render() {