Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/wraith13/zoombar-vscode

This Visual Studio Code extension provides zoom UI in status bar.
https://github.com/wraith13/zoombar-vscode

visual-studio-code vscode vscode-extension

Last synced: about 2 months ago
JSON representation

This Visual Studio Code extension provides zoom UI in status bar.

Awesome Lists containing this project

README

        

# Zoom Bar README

Zoom UI in status bar for vscode.

## Features

Can zoom via GUI in status bar.

![screen shot](./images/screenshot.png)

## Tutorial

### 0. โฌ‡๏ธ Install Zoom Bar

Show extension side bar within VS Code(Mac:Command+Shift+X, Windows and Linux: Ctrl+Shift+X), type `zoombar-vscode` and press Enter and click Install. Restart VS Code when installation is completed.

### 1. ๐Ÿ” Zooming via GUI

Click `-` to zoom out, click `+` to zoom in. And click zoom percentage to show zoom menu.

![how to use](./images/how-to-use.png)

![menu screen shot](./images/menu.png)

### 2. ๐Ÿ”ง Next step

You can change [settings](#extension-settings) by `settings.json`. And you can apply [keyboard shortcuts](#keyboard-shortcut-settings) by `keybindings.json`.

Enjoy!

## Commands

* `Zoom Bar: Select Zoom` : zoom by preset or input
* `Zoom Bar: Reset Zoom` : reset zoom
* `Zoom Bar: Zoom In` : zoom in
* `Zoom Bar: Zoom Out` : zoom out

## Extension Settings

This extension contributes the following settings by [`settings.json`](https://code.visualstudio.com/docs/customization/userandworkspace#_creating-user-and-workspace-settings)( Mac: Command+,, Windows / Linux: File -> Preferences -> User Settings ):

* `zoombar.defaultZoom`: set default zoom
* `zoombar.zoomUnit`: set zoom unit
* `zoombar.zoomUnitType`: set zoom unit type
* `zoombar.preview`: temporarily apply the zoom before confirming.
* `zoombar.zoomPreset`: set zoom preset
* `zoombar.zoomInLabel`: set zoom in's label
* `zoombar.zoomOutLabel`: set zoom out's label
* `zoombar.fontZoomResetLabel`: set `Editor Font Zoom Reset`'s label
* `zoombar.uiDisplayOrder`: set zoom UI display order
* `zoombar.configurationTarget`: configuration target scope.

You can embed icons in the label text( `zoombar.zoomInLabel`, `zoombar.zoomOutLabel` ) by leveraging the syntax:

`My text $(icon-name) contains icons like $(icon'name) this one.`

Where the icon-name is taken from the [octicon](https://octicons.github.com) icon set, e.g. `light-bulb`, `thumbsup`, `zap` etc.

You can specify unicode characters ( include emoji ) as label text too.

## Keyboard shortcut Settings

In default, Zoom bar's commands doesn't apply keyboard shortcuts. Althogh,
you can apply keyboard shortcuts by [`keybindings.json`](https://code.visualstudio.com/docs/customization/keybindings#_customizing-shortcuts)
( Mac: Code -> Preferences -> Keyboard Shortcuts, Windows / Linux: File -> Preferences -> Keyboard Shortcuts).

Command name on `keybindings.json` is diffarent from on Command Pallete. See below table.

|on Command Pallete|on keybindings.json|
|-|-|
|`Zoom Bar: Select Zoom`|`zoombar-vscode.selectZoom`|
|`Zoom Bar: Reset Zoom`|`zoombar-vscode.resetZoom`|
|`Zoom Bar: Zoom In`|`zoombar-vscode.zoomIn`|
|`Zoom Bar: Zoom Out`|`zoombar-vscode.zoomOut`|

## Release Notes

see ChangLog on [marketplace](https://marketplace.visualstudio.com/items/wraith13.zoombar-vscode/changelog) or [github](https://github.com/wraith13/zoombar-vscode/blob/master/CHANGELOG.md)

## Support

[GitHub Issues](https://github.com/wraith13/zoombar-vscode/issues)

## License

[Boost Software License](https://github.com/wraith13/zoombar-vscode/blob/master/LICENSE_1_0.txt)

## Download VSIX file ( for VS Code compatible softwares )

[Releases ยท wraith13/zoombar-vscode](https://github.com/wraith13/zoombar-vscode/releases)

## Other extensions of wraith13's work

|Icon|Name|Description|
|---|---|---|
|![](https://wraith13.gallerycdn.vsassets.io/extensions/wraith13/bracket-lens/1.0.0/1603272166087/Microsoft.VisualStudio.Services.Icons.Default) |[Bracket Lens](https://marketplace.visualstudio.com/items?itemName=wraith13.bracket-lens)|Show bracket header on closing bracket.|
|![](https://wraith13.gallerycdn.vsassets.io/extensions/wraith13/zoombar-vscode/1.2.1/1563089420894/Microsoft.VisualStudio.Services.Icons.Default) |[Zoom Bar](https://marketplace.visualstudio.com/items?itemName=wraith13.zoombar-vscode)|Zoom UI in status bar for VS Code.|
|![](https://wraith13.gallerycdn.vsassets.io/extensions/wraith13/unsaved-files-vscode/2.1.1/1562823380255/Microsoft.VisualStudio.Services.Icons.Default) |[Unsaved Files](https://marketplace.visualstudio.com/items?itemName=wraith13.unsaved-files-vscode)|Easy access to unsaved files for VS Code.|

See all wraith13's expansions: