Current File : /home/opti/public_html/ezone-accounting.optisoft.com.ng/static/js/172.9059ba86.chunk.js
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[172],{2537:function(t,e,n){"use strict";n.r(e);var a=n(118),i=n(194),s=n(1);e.default=function(){return Object(s.jsxs)(s.Fragment,{children:[Object(s.jsx)(i.a,{variant:"h4",className:"mb-24",children:"IDEs"}),Object(s.jsx)(i.a,{className:"",variant:"h5",children:"Webstorm"}),Object(s.jsx)(i.a,{className:"mt-24 mb-8",variant:"h6",children:"Yarn 2 with PnP (yarnpkg/berry v2+)"}),Object(s.jsxs)(i.a,{className:"mb-16",component:"p",children:["If you are using IntelliJ/WebStorm, you should use ",Object(s.jsx)("b",{children:"v2020.1+"})," for to use Yarn 2 with PnP."]}),Object(s.jsx)(i.a,{className:"mt-24 mb-8",variant:"h6",children:"Using Prettier with ESLint"}),Object(s.jsxs)(i.a,{className:"mb-16",component:"p",children:["We are using ESLint with ",Object(s.jsx)("b",{children:"eslint-plugin-prettier"}),". You should use the"," ",Object(s.jsx)("b",{children:"Fix ESLint Problems"})," action to reformat the current file/folder \u2013 find it using Find Action (Cmd/Ctrl-Shift-A) or add a keyboard shortcut to it in ",Object(s.jsx)("b",{children:"Preferences | Keymap"})," ","and then use it. Make sure that the ",Object(s.jsx)("b",{children:"ESLint integration"})," is enabled in"," ",Object(s.jsx)("b",{children:"Preferences | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint"}),"."]}),Object(s.jsx)(i.a,{className:"mt-32",variant:"h5",children:"Visual Studio Code (VSCode)"}),Object(s.jsx)(i.a,{className:"mt-24 mb-8",variant:"h6",children:"Yarn 2 with PnP (yarnpkg/berry v2+)"}),Object(s.jsxs)(i.a,{className:"mb-16",component:"p",children:["If you are using VSCode, for yarn 2 integration you should run",Object(s.jsx)("code",{children:"yarn pnpify-sdk"})," ",Object(s.jsx)("i",{children:'We have already added "@yarnpkg/pnpify" into the devDependencies'}),"."]}),Object(s.jsx)(i.a,{className:"mt-24 mb-8",variant:"h6",children:"Using Prettier with ESLint"}),Object(s.jsxs)(i.a,{className:"mb-16",component:"p",children:["You need to install ",Object(s.jsx)("b",{children:"ESLint"})," and ",Object(s.jsx)("b",{children:"Prettier"})," plugins - can be installed using the extension sidebar in VSCode"]}),Object(s.jsxs)(i.a,{className:"mb-16",component:"p",children:["Here is the example ",Object(s.jsx)("b",{children:"settings.json"})," configuration. With this configuration, fixes will be applied whenever file is saved."]}),Object(s.jsx)(a.a,{component:"pre",className:"language-json mb-24",children:'\n\t\t\t\t\t\t\t"editor.defaultFormatter": "esbenp.prettier-vscode",\n\t\t\t\t\t\t\t"[javascript]": {\n\t\t\t\t\t\t\t\t"editor.defaultFormatter": "esbenp.prettier-vscode"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t"eslint.alwaysShowStatus": true,\n\t\t\t\t\t\t\t"editor.formatOnSave": true,\n\t\t\t\t\t\t\t"editor.formatOnPaste": true,\n\t\t\t\t\t\t\t"eslint.format.enable": true,\n\t\t\t\t\t\t\t"editor.codeActionsOnSave": {\n\t\t\t\t\t\t\t\t"source.fixAll.eslint": true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t'})]})}}}]);
Mini Shell