Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/186.0801115f.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[186],{2552:function(e,t,n){"use strict";n.r(t);var a=n(118),r=n(194),s=n(1);t.default=function(){return Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)(r.a,{variant:"h4",className:"mb-24",children:"Installation"}),Object(s.jsx)(r.a,{className:"mb-8",variant:"h5",children:"Prerequisites"}),Object(s.jsx)(r.a,{className:"mb-16",component:"p",children:"This section will give you some information about what tools you will need."}),Object(s.jsx)(r.a,{className:"mt-32 mb-8",variant:"h6",children:"Node.js"}),Object(s.jsxs)(r.a,{className:"mb-16",component:"p",children:["To install and use Fuse React, you will need"," ",Object(s.jsx)("a",{href:"https://nodejs.org/",target:"_blank",rel:"noreferrer noopener",children:"Node.js"})," ","installed on your computer. We won't get into too much detail about Node.js as it's out of the scope of this documentation. Also, you won't need to use Node.js, it's only required for the development process."]}),Object(s.jsx)(r.a,{className:"mt-32 mb-8",variant:"h6",children:"Yarn - Package Manager"}),Object(s.jsxs)(r.a,{className:"mb-16",component:"p",children:["Fuse React uses"," ",Object(s.jsx)("a",{href:"https://yarnpkg.com",target:"_blank",rel:"noreferrer noopener",children:"Yarn"})," ","package manager to install and manage 3rd party components and libraries."]}),Object(s.jsx)(r.a,{className:"mt-32 mb-8",variant:"h5",children:"Installation"}),Object(s.jsx)(r.a,{className:"mt-32 mb-8",variant:"h6",children:"A. Installing Prerequisites"}),Object(s.jsx)(r.a,{className:"my-16",component:"div",children:Object(s.jsxs)("ol",{children:[Object(s.jsxs)("li",{className:"mb-16",children:["Download and install ",Object(s.jsx)("b",{children:"at least LTS"})," or the latest version of"," ",Object(s.jsx)("a",{href:"https://nodejs.org/",target:"_blank",rel:"noreferrer noopener",children:"Node.js"})," ","from its web site."]}),Object(s.jsxs)("li",{className:"mb-16",children:["Download and install the latest"," ",Object(s.jsx)("a",{href:"https://yarnpkg.com",target:"_blank",rel:"noreferrer noopener",children:"Yarn (v1)"})," ","with the directions at their web site."]})]})}),Object(s.jsxs)("div",{className:"my-24 px-12 py-8 border-1 border-red rounded-16",children:[Object(s.jsx)(r.a,{className:"mb-8 font-500 text-16 text-red",children:"Important:"}),Object(s.jsxs)(r.a,{className:"",component:"div",children:["If you are planning to use ",Object(s.jsx)("b",{children:"yarn v2"})," and use it with"," ",Object(s.jsx)("a",{href:"https://yarnpkg.com/getting-started/install#per-project-install",target:"_blank",rel:"noopener noreferrer",children:"Per-project install method"})," ","instead of the globally install method.",Object(s.jsx)("br",{})," After running ",Object(s.jsx)("code",{children:"yarn set version berry"}),Object(s.jsx)("br",{}),"This line:",Object(s.jsx)("code",{children:'yarnPath: ".yarn/releases/yarn-berry.js"'}),Object(s.jsx)("br",{}),"will be added into the ",Object(s.jsx)("code",{children:".yarnrc.yml"})," file.",Object(s.jsx)("br",{}),"Currently, it is replacing all of the contents so make sure original",Object(s.jsx)("code",{children:".yarnrc.yml"})," contents is in place,",Object(s.jsx)("br",{}),"if not recover the contents and add ",Object(s.jsx)("code",{children:'yarnPath: ".yarn/releases/yarn-berry.js"'})," ","at the top."]})]}),Object(s.jsx)(r.a,{className:"mt-32 mb-8",variant:"h6",children:"B. Installing Fuse React"}),Object(s.jsx)(r.a,{className:"my-16",component:"div",children:Object(s.jsxs)("ol",{children:[Object(s.jsxs)("li",{className:"mb-16",children:["Unzip the zip file that you have downloaded from Themeforest. Inside the zip file, you will find the Skeleton Project ",Object(s.jsx)("b",{children:"(Fuse-react-x.x.x-skeleton.zip)"})," along with the Demo Project ",Object(s.jsx)("b",{children:"(Fuse-react-x.x.x-demo.zip)"}),", PSD designs and a readme file."]}),Object(s.jsxs)("li",{className:"mb-16",children:["Extract the contents of the zip file ",Object(s.jsx)("b",{children:"(Fuse-react-x.x.x-skeleton.zip)"}),' into a folder that you will work within. For this documentation, we will refer that as "your work folder".']}),Object(s.jsxs)("li",{className:"mb-16",children:["Open your favorite console application (Terminal, Command Prompt, etc.), navigate into your work folder, run the following command, and wait for it to finish:",Object(s.jsx)(a.a,{component:"pre",className:"language-bash my-16",children:"\n yarn\n "}),"This command will install all the required Node.js modules into the node_modules directory inside your work folder.",Object(s.jsx)(r.a,{className:"mt-16",component:"p",children:"And now, you are ready to run the Fuse React for the first time."})]})]})})]})}}}]);
Mini Shell