@indshine/platform-canvas

Setting up Workspace

Everyone uses vscode nowadays & this guide will setup your vscode according to our working environment.

Install the latest vscode into your system & follows the below steps.

Installing VsCode Extensions

1. EsLinter: For linting your code.
2. Prittier: For making your code more readable.

Setting up vscode

1. Go inside your vscode setting & change line-height to double the size of font-size Example: 2x12 = 24. Here 12 is defualt font size. So, 24 will become the line-height value.

2. Search for EsLint Integration inside the settings bar & enable it.

3. Search for Format on Save & enable it.

Installing UI Kit Library

Follow the below steps to install Indshine's UI Kit library into your project.

1. Create .npmrc file into the projects root folder. Paste & save the below line into the file.

  //registry.npmjs.org/:_authToken=${NPM_TOKEN}

2. Now, create a new file into the root of your system using VIM. Open Terminal & run:

vim ~/.profile

3. Paste the below code & save it.

export NPM_TOKEN=“f04c039c-1bc2-4cad-908b-c31b2d85ca34"

3. Finally, go inside your project folder & run below command. It will source the token into your npmrc file.

source ~/.profile

4. Once everything done. You're good to install the UI Kit. Run below command & wait for it to complete.

yarn add @indshine/ui-kit