vscode-power-mode - GitLite

KO | EN

gitlite — search

#hacktoberfest #ai #android #machine-learning #rust #macos #nodejs #cli #kubernetes #security #pytorch #mcp #ios #open-source

vscode-power-mode

(★ 1,220)

Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.

파일 탐색기

최종 버전 다운로드 (.zip)

- launch.json
- settings.json
- tasks.json
- demo-mask-fireworks.gif
- demo-presets-clippy.gif
- demo-presets-exploding-rift.gif
- demo-presets-fireworks.gif
- demo-presets-flames.gif
- demo-presets-magic.gif
- demo-presets-particles.gif
- demo-presets-simple-rift.gif
- demo-simple.gif
- demo-v3.gif
- icon-large.png
- icon.jpg
- not-implementable.png
- settings.png
- vscode-power-mode-0.0.1.vsix
- vscode-power-mode-1.0.0.vsix
- vscode-power-mode-1.1.0.vsix
- vscode-power-mode-1.1.1.vsix
- vscode-power-mode-1.2.0.vsix
- vscode-power-mode-1.2.1.vsix
- vscode-power-mode-2.0.0.vsix
- vscode-power-mode-2.1.0.vsix
- vscode-power-mode-2.2.0.vsix
- vscode-power-mode-3.0.0.vsix
- vscode-power-mode-3.0.1.vsix
- vscode-power-mode-3.0.2.vsix
- - combo-plugin.ts
  - config.ts
  - editor-combo-meter.ts
- - clippy.ts
  - config.ts
  - configuration-keys.ts
  - configuration-migrator.ts
  - fireworks.ts
  - flames.ts
  - magic.ts
  - particles.ts
  - rift.ts
- - cursor-exploder.ts
- - screen-shaker.ts
- extension.ts
- plugin.ts
.gitignore
.vscodeignore
LICENSE
package-lock.json
package.json
README.md
tsconfig.json

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/hoovercj/vscode-power-mode

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd vscode-power-mode

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# VSCODE POWER MODE!!!

Power Mode is one of the most requested extensions for VS Code. Unfortunately, they said it couldn't be done...

![not-implementable](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/not-implementable.png)

However, after seeing [this list](https://github.com/codeinthedark/awesome-power-mode) and realizing that VS Code was the only modern editor without it, I knew I had to try. I couldn't let VS Code live in the shadow of its big brother or Atom.

I present you, VSCODE POWER MODE!!! (now with atom-like explosions and an improved combo meter!)

![demo](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-v3.gif)

## Features:
* NEW: POWERFUL Combo Meter!
* Strong default settings
* Easily choose from a variety of [built-in effects](#choose-your-explosions) including explosions, interdeminsional portals, and clippy. Or quickly edd your own!
* Extremely Customizable -- 20+ settings to get exactly the experience you want

![settings](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/settings.png)

## Get started

* Enable in the settngs UI, or edit the JSON file directly to add `"powermode.enabled": true`
* Enjoy the default experience, or choose from a set of built-in effects
* Enable/Disable via a command
* Customize the experience using the [advanced settings](#advanced-settings)
* Find more effects or share your own on [here](https://github.com/hoovercj/vscode-power-mode/issues/1).

## Known Issues

They weren't **completely** wrong when they said it can't be done. VS Code does not expose the DOM as part of the API. Instead this extension relies on using TextEditorDecorations to set css properties for ranges in the editor. This has a few limitations:
* The cursor doesn't move with the text as it shakes
* The new combo meter moves off the screen when the editor has long lines unless "word wrap" is enabled
* There are (literal) edge cases when typing in the first or last lines of the editor
* Gifs must be used instead of CSS animations for the particles/explosions

## Choose Your Explosions:
You can choose explosions with a single setting: `powermode.presets`. Check out the options below
(note: it looks better IRL than in these gifs):

### Particles (Default)

![particles](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-particles.gif)

### Rift (Simple)

![simple rift](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-simple-rift.gif)

### Rift (Exploding)

![exploding rift](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-exploding-rift.gif)

**Note:** If your code becomes hard to read, you may need to set `editor.lineHighlightBackground` in your user or workspace settings. For example, if your theme is `Default Dark+`, try:

```
"editor.lineHighlightBackground": "#1E1E1EAA"
```

### Fireworks

![fireworks](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-fireworks.gif)

### Flames

![flames](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-flames.gif)

### Magic

![magic](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-magic.gif)

### Clippy

![clippy](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-presets-clippy.gif)

## Advanced Settings:
Power Mode should work great right out of the box, but if it doesn't I've tried to make it as configurable as possible. Tweak the settings for performance or for fun. From doge to clippy, the only limit is your imagination. Some of the options are explained below:

* `powermode.shake.enabled`: Uncheck this to disable screen shaking entirely
* `powermode.combo.location`: Control where the combo counter appears
* `powermode.explosions.customExplosions`: Choose your own explosions with base64 encoded gifs or full web URLs (i.e. "data:image/gif;base64,1337GIF", "https://coolgif.io"). **NOTE:** Security precautions in the browser engine prevent referencing local files, so for offline-support, please base64 encode the gif.
* `powermode.explosions.backgroundMode`: `mask` will use the gif as a mask, letting the shape of the gif through with the color of the text. `image` will use the gif itself as the background.
![mask](https://raw.githubusercontent.com/hoovercj/vscode-power-mode/master/images/demo-mask-fireworks.gif)
* `powermode.explosions.gifMode`: `restart` will restart a gif each time it is displayed, `continue` will play the gif from the place it stopped. `continue` is particularly useful when you only have 1 visible gif, `restart` is useful when you have multiple, but may reduce performance.
* `powermode.explosions.maxExplosions`: Reducing this will reduce the number of explosions rendered at once.
* `powermode.explosions.explosionFrequency`: Increasing this will increase the number of keystrokes between explosions. It means that there will be gaps between explosions as you type but may help performance.
* `powermode.explosions.customExplosions`: Provide your own gifs to use (And share them [here](https://github.com/hoovercj/vscode-power-mode/issues/1))
* `powermode.explosions.customCss`: Changes the CSS applied to the "after" pseudoelement. You can experiment with ways to make it look or perform better.
* `powermode.explosions.explosionOrder`: `sequential` will cycle through explosions in order, `random` will pick one randomly, and providing a number will select the explosion at that (zero-based) index in the list of explosions.

## Help Wanted:
If you can provide some lightweight, attractive gifs that improve how power mode looks and performs, I would be happy to include them! Share them [here](https://github.com/hoovercj/vscode-power-mode/issues/1).

## Acknowledgements:
* Thanks to [@ao-shen](https://github.com/ao-shen) for insight into animating size and colors for the combo-meter
* Thanks to [@RPuffer](https://github.com/RPuffer) for providing the incredible gifs added in version 2.1
* Thanks to [@darkvertex](https://github.com/darkvertex) for providing the awesome gifs added in version 2.0
* Thanks to [@horvay](https://github.com/horvay) for giving me ideas to get around the limitations I had in v0.0.1

## Changelog:
- v3.0.1
  - Fix bug where combo meter scrolls with the page
- v3.0.0
  - Added an improved combo meter!
  - Added commands to enable/disable Power Mode
  - Reorganized and renamed the settings to make it much easier to configure from the settings UI. Old settings will be automatically migrated after updating
  - Effects now work without "render whitespace" enabled
  - Bug fixes, with thanks to [@Thertzlor](https://github.com/Thertzlor) and [@hyprhare](https://github.com/hyprhare) for their contributions
- v2.2.0
  - Added `powermode.enableStatusBarComboCounter` and `powermode.enableStatusBarComboTimer` to toggle status bar items
  - Added new presets
  - Bug fixes
- v2.1.0
  - Fixed [#20](https://github.com/hoovercj/vscode-power-mode/issues/20) (Thanks @kirkone)
- v2.0.0
  - Added `powermode.presets` to choose between different built-in explosion sets
  - Added `powermode.backgroundMode` to allow 'atom like' explosions (explosions that match the color of the text being typed)
  - Breaking: Removed `powermode.legacyMode`
  - Breaking: Renamed `powermode.explosionMode` to `powermode.explosionOrder`
  - Breaking: Removed `powermode.settingSuggestions`
- v1.2.1
  - Remove intellisense for CSS configuration due to this [issue](https://github.com/Microsoft/vscode/issues/31932#issuecomment-326341653)
- v1.2.0
  - Suggest configurations in settings.json
- v1.1.0
  - Configure explosion duration
  - Configure explosion "mode": random, sequential, or a specific explosion
  - Reduce default "max explosions" from 5 to 1
- v1.0.0
  - True power mode! Explosions now extend outside the boundaries of a letter
  - Eliminated two of the default explosions that didn't look good when expanded
  - Added new explostion configuration options (explosion number, size, and frequency)
  - Added a Legacy Mode configuration option
  - Shake now resets after 1 second without typing (Thanks @horvay)
- v0.0.1
  - Initial release
  - Explosions work, but limited to size of characters