https://helio-docs.pages.dev/assets/js/d7cca2a2.bf1b6165.js

1"use strict";(self.webpackChunkhelio_docs=self.webpackChunkhelio_docs||[]).push([["3415"],{79042(e,t,r){r.d(t,{Ay:()=>j,RM:()=>h});var s=r(11684),i=r(10506),n=r(46351),d=r(12888);let c=r.p+"assets/images/ide-home-page-signed-out-6d9a682c4de31123ee090e85edb71bcb.png",a="Sign In Using the Default IDE User",o=(0,s.jsxs)(d.Fragment,{children:[(0,s.jsxs)("p",{children:["Click the ",(0,s.jsx)("code",{children:"Sign In"})," button in the upper right corner. Enter the default IDE user credentials that come pre-configured with each HELIO runtime:"]}),(0,s.jsx)("table",{children:(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Username"}),(0,s.jsx)("td",{children:(0,s.jsxs)("div",{className:"flex items-center gap-3",translate:"no",children:["eve ",(0,s.jsx)(n.i8,{children:"eve"})]})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:"Password"}),(0,s.jsx)("td",{children:(0,s.jsxs)("div",{className:"flex items-center gap-3",translate:"no",children:["eve ",(0,s.jsx)(n.i8,{children:"eve"})]})})]})]})})]}),l=(0,s.jsxs)(n.UI,{title:"Don't Forget!",children:["Remove this default user and create a user with a strong password using the ",(0,s.jsx)(n.vr,{code:"global-settings:authentication"}),"."]}),h=[];function p(e){return n.pn||u("Step",!1),n.pn.Content||u("Step.Content",!0),n.pn.Guide||u("Step.Guide",!0),n.pn.Title||u("Step.Title",!0),n.dO||u("Switch",!1),n.dO.Case||u("Switch.Case",!0),n.dO.Default||u("Switch.Default",!0),(0,s.jsxs)(n.dO,{value:e.type,children:[(0,s.jsx)(n.dO.Case,{is:"standalone",children:(0,s.jsxs)(d.Fragment,{children:[(0,s.jsx)("p",{className:"font-bold",children:a}),o,l]})}),(0,s.jsx)(n.dO.Default,{children:(0,s.jsxs)(n.pn,{spacer:"transparent",children:[(0,s.jsx)(n.pn.Guide,{children:(0,s.jsxs)(n.dO,{value:e.ordered,children:[(0,s.jsx)(n.dO.Case,{is:!0,children:(0,s.jsx)("ol",{start:e.start||1,children:(0,s.jsx)("li",{children:a})})}),(0,s.jsx)(n.dO.Default,{children:(0,s.jsx)(n.pn.Title,{children:a})})]})}),(0,s.jsxs)(n.pn.Content,{children:[(0,s.jsx)(n.Pw,{bg:"desktop",children:(0,s.jsx)(n.Hy,{src:c})}),o,(0,s.jsx)("div",{className:"mt-6",children:l})]})]})})]})}function j(e={}){let{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(p,{...e})}):p(e)}function u(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}},87424(e,t,r){r.r(t),r.d(t,{metadata:()=>s,default:()=>x,frontMatter:()=>l,contentTitle:()=>h,toc:()=>j,assets:()=>p});var s=JSON.parse('{"id":"getting-started/build-your-first-hmi/create-project-from-template","title":"1. Create a New Project From the \xbbQuickstart HMI\xab Template","description":"Once you\'ve got HELIO downloaded, it\'s time to create your first project.","source":"@site/docs/getting-started/build-your-first-hmi/01-create-project-from-template.mdx","sourceDirName":"getting-started/build-your-first-hmi","slug":"/getting-started/build-your-first-hmi/create-project-from-template","permalink":"/docs/getting-started/build-your-first-hmi/create-project-from-template","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":1,"frontMatter":{"sidebar_label":"1. Create a New Project"},"sidebar":"gettingStartedSidebar","previous":{"title":"Build Your First HELIO HMI Using the HMI-Driven Approach","permalink":"/docs/getting-started/build-your-first-hmi/"},"next":{"title":"2. Create Your First Page","permalink":"/docs/getting-started/build-your-first-hmi/using-placeholders"}}'),i=r(11684),n=r(10506),d=r(79042),c=r(46351);let a=r.p+"assets/images/step-01-project-editor-97bc743fcb6bc227136d80124d7aec83.png",o=r.p+"assets/images/step-01-welcome-page-empty-state-4d147abfcf1508d9d71f5726a42be6bc.png",l={sidebar_label:"1. Create a New Project"},h="1. Create a New Project From the \xbbQuickstart HMI\xab Template",p={},j=[...d.RM];function u(e){let t={code:"code",h1:"h1",header:"header",p:"p",...(0,n.R)(),...e.components};return c.pn||m("Step",!1),c.pn.Content||m("Step.Content",!0),c.pn.Guide||m("Step.Guide",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(t.header,{children:(0,i.jsx)(t.h1,{id:"1-create-a-new-project-from-the-quickstart-hmi-template",children:"1. Create a New Project From the \xbbQuickstart HMI\xab Template"})}),"\n",(0,i.jsx)(c.hI,{children:(0,i.jsxs)(t.p,{children:["Once you've got HELIO downloaded, it's time to create your first project.\nWe'll use a\n",(0,i.jsx)(c.fP,{term:"ProjectTemplate"})," to get started more quickly. Let's get\ngoing\u2026"]})}),"\n",(0,i.jsxs)(c.gj,{spacer:"transparent",gap:0,children:[(0,i.jsx)(d.Ay,{ordered:!0}

1),(0,i.jsxs)(c.pn,{children:[(0,i.jsx)(c.pn.Guide,{children:(0,i.jsxs)("ol",{start:"2",children:[(0,i.jsx)("li",{children:(0,i.jsxs)(t.p,{children:["Open the ",(0,i.jsx)(t.code,{children:"Home Page"})," and make sure you are signed in."]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(t.p,{children:["Click ",(0,i.jsx)(t.code,{children:"New Project"}),"."]})}),(0,i.jsx)("li",{children:(0,i.jsxs)(t.p,{children:["Choose ",(0,i.jsx)(t.code,{children:"Quickstart HMI"})," as your template."]})})]})}),(0,i.jsx)(c.pn.Content,{children:(0,i.jsx)(c.Pw,{bg:"desktop",children:(0,i.jsx)(c.Hy,{src:o})})})]}),(0,i.jsxs)(c.pn,{children:[(0,i.jsx)(c.pn.Guide,{children:(0,i.jsx)("ol",{start:"5",children:(0,i.jsx)("li",{"data-last":!0,children:(0,i.jsx)(t.p,{children:"Start editing"})})})}),(0,i.jsxs)(c.pn.Content,{children:[(0,i.jsx)(t.p,{children:"HELIO will automatically open the new project for you, so can now start\ncustomizing using the Project Editor."}),(0,i.jsx)(c.Pw,{bg:"desktop",children:(0,i.jsx)(c.Hy,{src:a})})]})]})]}),"\n",(0,i.jsx)(c.wV,{children:(0,i.jsx)(t.p,{children:"You're ready to take on the next challenge\u2026"})})]})}function x(e={}){let{wrapper:t}={...(0,n.R)(),...e.components};return t?(0,i.jsx)(t,{...e,children:(0,i.jsx)(u,{...e})}):u(e)}function m(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]);