Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/wraith13/zoombar-vscode
- Owner: wraith13
- License: bsl-1.0
- Created: 2018-08-20T22:32:23.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-03-14T17:47:40.000Z (almost 2 years ago)
- Last Synced: 2024-05-28T15:17:05.041Z (8 months ago)
- Topics: visual-studio-code, vscode, vscode-extension
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=wraith13.zoombar-vscode
- Size: 1.35 MB
- Stars: 14
- Watchers: 2
- Forks: 1
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE_1_0.txt
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: