1 line
6.6 KiB
JavaScript
1 line
6.6 KiB
JavaScript
"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([["3200"],{1900:function(e,n,t){t.r(n),t.d(n,{default:()=>h,frontMatter:()=>o,metadata:()=>s,assets:()=>c,toc:()=>i,contentTitle:()=>d});var s=JSON.parse('{"id":"features/command-menu","title":"Command Menu","description":"The command menu allows running a large set of commands from the UI. It is keyboard-friendly and allows for searching and selecting commands. Most of the functionality of LiveCodes can be achieved using the command menu, which can really improve productivity and DX.","source":"@site/docs/features/command-menu.mdx","sourceDirName":"features","slug":"/features/command-menu","permalink":"/docs/features/command-menu","draft":false,"unlisted":false,"editUrl":"https://github.com/live-codes/livecodes/tree/develop/docs/docs/features/command-menu.mdx","tags":[],"version":"current","frontMatter":{},"sidebar":"docsSidebar","previous":{"title":"Code Format","permalink":"/docs/features/code-format"},"next":{"title":"Keyboard Shortcuts","permalink":"/docs/features/keyboard-shortcuts"}}'),a=t("5893"),r=t("65");let o={},d="Command Menu",c={},i=[{value:"Using the Command Menu",id:"using-the-command-menu",level:2},{value:"Keyboard Shortcuts",id:"keyboard-shortcuts",level:2}];function m(e){let n={a:"a",h1:"h1",h2:"h2",header:"header",img:"img",li:"li",p:"p",ul:"ul",...(0,r.a)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.header,{children:(0,a.jsx)(n.h1,{id:"command-menu",children:"Command Menu"})}),"\n",(0,a.jsx)(n.p,{children:"The command menu allows running a large set of commands from the UI. It is keyboard-friendly and allows for searching and selecting commands. Most of the functionality of LiveCodes can be achieved using the command menu, which can really improve productivity and DX."}),"\n",(0,a.jsxs)(n.p,{children:["It can be triggered from the keyboard by pressing ",(0,a.jsx)("kbd",{children:"Ctrl"})," + ",(0,a.jsx)("kbd",{children:"K"})," (or ",(0,a.jsx)("kbd",{children:"\u2318"})," + ",(0,a.jsx)("kbd",{children:"K"})," on Mac), or from the Help Menu."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Open Command Menu from UI",src:t(1639).Z+"",width:"1124",height:"855"})}),"\n",(0,a.jsxs)(n.p,{children:["The available commands cover a wide range of functionality, like showing and hiding UI elements (e.g. different editors, the ",(0,a.jsx)(n.a,{href:"/docs/features/result",children:"result page"}),", ",(0,a.jsx)(n.a,{href:"/docs/features/console",children:"console"}),", ",(0,a.jsx)(n.a,{href:"/docs/features/compiled-code",children:"compiled code viewer"}),", and ",(0,a.jsx)(n.a,{href:"/docs/features/tests",children:"tests"}),"), changing ",(0,a.jsx)(n.a,{href:"../languages",children:"languages"}),", loading ",(0,a.jsx)(n.a,{href:"/docs/features/templates",children:"starter templates"}),", opening different screens (e.g. new project, opening saved projects, ",(0,a.jsx)(n.a,{href:"/docs/features/import",children:"import"}),", ",(0,a.jsx)(n.a,{href:"/docs/features/embeds",children:"embeds"}),", ",(0,a.jsx)(n.a,{href:"/docs/features/deploy",children:"deploy"}),", ",(0,a.jsx)(n.a,{href:"/docs/features/share",children:"share"})," and more).\nIn addition many commands can be executed from the command menu, such as running code, formatting code, changing settings (e.g. autorun, autosave, ",(0,a.jsx)(n.a,{href:"/docs/features/ai",children:"AI code assistant"}),", changing ",(0,a.jsx)(n.a,{href:"/docs/features/themes",children:"themes"}),", ",(0,a.jsx)(n.a,{href:"/docs/features/editor-settings",children:"editor settings"}),", and more)."]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"LiveCodes Command Menu",src:t(3295).Z+"",width:"2240",height:"1400"})}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"LiveCodes Command Menu",src:t(3100).Z+"",width:"2240",height:"1400"})}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"LiveCodes Command Menu",src:t(144).Z+"",width:"2240",height:"1400"})}),"\n",(0,a.jsx)(n.h2,{id:"using-the-command-menu",children:"Using the Command Menu"}),"\n",(0,a.jsx)(n.p,{children:"Commands can be navigated and selected by:"}),"\n",(0,a.jsxs)(n.ul,{children:["\n",(0,a.jsx)(n.li,{children:"The mouse: scrolling and clicking"}),"\n",(0,a.jsxs)(n.li,{children:["The keyboard: using the up and down arrow keys to navigate, pressing ",(0,a.jsx)("kbd",{children:"Enter"})," to select, ",(0,a.jsx)("kbd",{children:"Backspace"})," to move to parent category and ",(0,a.jsx)("kbd",{children:"Esc"})," to close the command menu."]}),"\n",(0,a.jsx)(n.li,{children:"Searching: typing in the search box for fuzzy search."}),"\n"]}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"LiveCodes Command Menu",src:t(553).Z+"",width:"2240",height:"1400"})}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"LiveCodes Command Menu",src:t(4386).Z+"",width:"2240",height:"1400"})}),"\n",(0,a.jsx)(n.h2,{id:"keyboard-shortcuts",children:"Keyboard Shortcuts"}),"\n",(0,a.jsx)(n.p,{children:'If a command has a keyboard shortcut, it will be shown in the command menu. In addition, the whole list of keyboard shortcuts can be opened from the command menu (by searching for "Keyboard Shortcuts") or from the UI from the Help Menu.'}),"\n",(0,a.jsx)(n.p,{children:(0,a.jsx)(n.img,{alt:"Keyboard Shortcuts",src:t(715).Z+"",width:"2240",height:"1400"})})]})}function h(e={}){let{wrapper:n}={...(0,r.a)(),...e.components};return n?(0,a.jsx)(n,{...e,children:(0,a.jsx)(m,{...e})}):m(e)}},1639:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/command-menu-1-9615cfd905b81e9239c845a65817c456.jpg"},3295:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/command-menu-2-eab7bd92c43517f9dc3a780054cec43b.jpg"},3100:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/command-menu-3-7f55b3742e75415102d126c483b136ea.jpg"},144:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/command-menu-4-1baba58dee0327ec984be1ebd859ef72.jpg"},553:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/command-menu-5-35e9ed4d907baa9e407203cd3b7259d5.jpg"},4386:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/command-menu-6-c24403565a26eaa0df88f7b2f3cf74cc.jpg"},715:function(e,n,t){t.d(n,{Z:function(){return s}});let s=t.p+"assets/images/keyboard-shortcuts-708a9ca16ed79cd65ab100291a7e946a.jpg"},65:function(e,n,t){t.d(n,{Z:function(){return d},a:function(){return o}});var s=t(7294);let a={},r=s.createContext(a);function o(e){let n=s.useContext(r);return s.useMemo(function(){return"function"==typeof e?e(n):{...n,...e}},[n,e])}function d(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:o(e.components),s.createElement(r.Provider,{value:n},e.children)}}}]); |