Angelmaneuver/unit-converter

# Unit Converter

![GitHub package.json dynamic](https://img.shields.io/github/package-json/categories/angelmaneuver/unit-converter?color=green) ![Visual Studio Marketplace Last Updated](https://img.shields.io/visual-studio-marketplace/last-updated/angelmaneuver.unit-converter) ![Visual Studio Marketplace Installs](https://img.shields.io/visual-studio-marketplace/i/Angelmaneuver.unit-converter) <a href="https://codeclimate.com/github/Angelmaneuver/unit-converter/maintainability"><img src="https://api.codeclimate.com/v1/badges/ecc8c52649d86899e617/maintainability" /></a> [![License](https://img.shields.io/github/license/Angelmaneuver/unit-converter)](LICENSE)

Convert and display size units.

## Usage1
### Step1.
Press '`⇧⌘P`' to bring up the command pallete and enter '`Unit Converter`'.

![Usage1 Step1. image](resource/readme/usage1-1.png)

### Step2.
Select what you want to do from the menu.

![Usage1 Step2. image](resource/readme/usage1-2.png)

## Usage2
### Step1.
Press '`⇧⌘P`' to bring up the command pallete and enter '`Unit Converter - p2r`'.

![Usage2 Step1. image](resource/readme/usage2-1.png)

### Step2.
Enter the px value you want to convert to rem.

![Usage2 Step2. image](resource/readme/usage2-2.png)

## Feature
### Convert px to rem
Enter the px value you want to convert to rem.

![Convert px to rem image1](resource/readme/convert_px_to_rem1.png)

The conversion result is displayed and the value is copied to the clipboard.
\* It can also set it to not copy to the clipboard.

![Convert px to rem image2](resource/readme/convert_px_to_rem2.png)

### Display px and rem value
Display the conversion value (px <=> rem) when on mouse is hovered over a px or rem value in the editor (Languages: HTML, CSS, SCSS).

![Display px and rem image1](resource/readme/display_px_and_rem1.png)

![Display px and rem image2](resource/readme/display_px_and_rem2.png)

### Uninstall
Didn't like this extension?

Sorry for not being able to help you.

Let's uninstall it and erase all settings related to this extension.

It won't pollute your environment.

## Cautions
### How will this extension affect your environment?
This extension will make changes to the following one files.

1. settings.json