====== Hyper - Web テクノロジーに基づいて構築されたターミナル (Windows) ====== {{:windows:powershell_on_hyper_v7.1.3.png?470|PowerShell on Hyper v7.1.3}}\\ 本家: [[https://hyper.is/|Hyper™]]\\ ソースコード: [[git>vercel/hyper|vercel/hyper: A terminal built on web technologies]]\\ [[:linux:hyper|Hyper - Web テクノロジーに基づいて構築されたターミナル]] (Linux)\\ ===== インストール =====
$ scoop install hyper
Installing 'hyper' (3.4.1) [64bit] from extras bucket
Hyper-Setup-3.4.1.exe (70.4 MB) [=============================================================================] 100%
Checking hash of Hyper-Setup-3.4.1.exe ... ok.
Extracting dl.7z ... done.
Running pre_install script...
Linking ~\scoop\apps\hyper\current => ~\scoop\apps\hyper\3.4.1
Creating shim for 'hyper'.
Creating shortcut for Hyper (hyper.exe)
'hyper' (3.4.1) was installed successfully!
===== 設定の編集 ===== 初期設定の .hyper.js は以下の内容である。\\
$ nano %APPDATA%\hyper\.hyper.js
"use strict"; // Future versions of Hyper may add additional config options, // which will not automatically be merged into this file. // See https://hyper.is#cfg for all currently supported options. module.exports = { config: { // choose either `'stable'` for receiving highly polished, // or `'canary'` for less polished but more frequent updates updateChannel: 'stable', // default font size in pixels for all tabs fontSize: 12, // font family with optional fallbacks fontFamily: 'Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace', // default font weight: 'normal' or 'bold' fontWeight: 'normal', // font weight for bold characters: 'normal' or 'bold' fontWeightBold: 'bold', // line height as a relative unit lineHeight: 1, // letter spacing as a relative unit letterSpacing: 0, // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk) cursorColor: 'rgba(248,28,229,0.8)', // terminal text color under BLOCK cursor cursorAccentColor: '#000', // `'BEAM'` for |, `'UNDERLINE'` for _, `'BLOCK'` for █ cursorShape: 'BLOCK', // set to `true` (without backticks and without quotes) for blinking cursor cursorBlink: false, // color of the text foregroundColor: '#fff', // terminal background color // opacity is only supported on macOS backgroundColor: '#000', // terminal selection color selectionColor: 'rgba(248,28,229,0.3)', // border color (window, tabs) borderColor: '#333', // custom CSS to embed in the main window css: '', // custom CSS to embed in the terminal window termCSS: '', // set custom startup directory (must be an absolute path) workingDirectory: '', // if you're using a Linux setup which show native menus, set to false // default: `true` on Linux, `true` on Windows, ignored on macOS showHamburgerMenu: '', // set to `false` (without backticks and without quotes) if you want to hide the minimize, maximize and close buttons // additionally, set to `'left'` if you want them on the left, like in Ubuntu // default: `true` (without backticks and without quotes) on Windows and Linux, ignored on macOS showWindowControls: '', // custom padding (CSS format, i.e.: `top right bottom left`) padding: '12px 14px', // the full list. if you're going to provide the full color palette, // including the 6 x 6 color cubes and the grayscale map, just provide // an array here instead of a color map object colors: { black: '#000000', red: '#C51E14', green: '#1DC121', yellow: '#C7C329', blue: '#0A2FC4', magenta: '#C839C5', cyan: '#20C5C6', white: '#C7C7C7', lightBlack: '#686868', lightRed: '#FD6F6B', lightGreen: '#67F86F', lightYellow: '#FFFA72', lightBlue: '#6A76FB', lightMagenta: '#FD7CFC', lightCyan: '#68FDFE', lightWhite: '#FFFFFF', limeGreen: '#32CD32', lightCoral: '#F08080', }, // the shell to run when spawning a new session (i.e. /usr/local/bin/fish) // if left empty, your system's login shell will be used by default // // Windows // - Make sure to use a full path if the binary name doesn't work // - Remove `--login` in shellArgs // // Windows Subsystem for Linux (WSL) - previously Bash on Windows // - Example: `C:\\Windows\\System32\\wsl.exe` // // Git-bash on Windows // - Example: `C:\\Program Files\\Git\\bin\\bash.exe` // // PowerShell on Windows // - Example: `C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe` // // Cygwin // - Example: `C:\\cygwin64\\bin\\bash.exe` shell: '', // for setting shell arguments (i.e. for using interactive shellArgs: `['-i']`) // by default `['--login']` will be used shellArgs: ['--login'], // for environment variables env: {}, // Supported Options: // 1. 'SOUND' -> Enables the bell as a sound // 2. false: turns off the bell bell: 'SOUND', // An absolute file path to a sound file on the machine. // bellSoundURL: '/path/to/sound/file', // if `true` (without backticks and without quotes), selected text will automatically be copied to the clipboard copyOnSelect: false, // if `true` (without backticks and without quotes), hyper will be set as the default protocol client for SSH defaultSSHApp: true, // if `true` (without backticks and without quotes), on right click selected text will be copied or pasted if no // selection is present (`true` by default on Windows and disables the context menu feature) quickEdit: false, // choose either `'vertical'`, if you want the column mode when Option key is hold during selection (Default) // or `'force'`, if you want to force selection regardless of whether the terminal is in mouse events mode // (inside tmux or vim with mouse mode enabled for example). macOptionSelectionMode: 'vertical', // Whether to use the WebGL renderer. Set it to false to use canvas-based // rendering (slower, but supports transparent backgrounds) webGLRenderer: true, // keypress required for weblink activation: [ctrl|alt|meta|shift] // todo: does not pick up config changes automatically, need to restart terminal :/ webLinksActivationKey: '', // if `false` (without backticks and without quotes), Hyper will use ligatures provided by some fonts disableLigatures: true, // set to true to disable auto updates disableAutoUpdates: false, // set to true to enable screen reading apps (like NVDA) to read the contents of the terminal screenReaderMode: false, // set to true to preserve working directory when creating splits or tabs preserveCWD: true, // for advanced config flags please refer to https://hyper.is/#cfg }, // a list of plugins to fetch and install from npm // format: [@org/]project[#version] // examples: // `hyperpower` // `@company/project` // `project#1.0.1` plugins: [], // in development, you can create a directory under // `~/.hyper_plugins/local/` and include it here // to load it and avoid it being `npm install`ed localPlugins: [], keymaps: { // Example // 'window:devtools': 'cmd+alt+o', }, }; //# sourceMappingURL=config-default.js.map
起動シェルを PowerShell に変更する。\\ // the shell to run when spawning a new session (i.e. /usr/local/bin/fish) // if left empty, your system's login shell will be used by default // // Windows // - Make sure to use a full path if the binary name doesn't work // - Remove `--login` in shellArgs // // Windows Subsystem for Linux (WSL) - previously Bash on Windows // - Example: `C:\\Windows\\System32\\wsl.exe` // // Git-bash on Windows // - Example: `C:\\Program Files\\Git\\bin\\bash.exe` // // PowerShell on Windows // - Example: `C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe` // // Cygwin // - Example: `C:\\cygwin64\\bin\\bash.exe` shell: 'pwsh.exe', メモ\\ "use strict"; // Future versions of Hyper may add additional config options, // which will not automatically be merged into this file. // See https://hyper.is#cfg for all currently supported options. module.exports = { config: { opacity: 0.90, wallpapers: [ { image: true, filePath: 'C:/Temp/WindowsTerminal/mg_chara.png', size: 'right bottom', color: 'unset' }, ], // choose either `'stable'` for receiving highly polished, // or `'canary'` for less polished but more frequent updates updateChannel: 'stable', // default font size in pixels for all tabs fontSize: 12, // font family with optional fallbacks fontFamily: '"HackGenNerd Console", Menlo, "DejaVu Sans Mono", Consolas, "Lucida Console", monospace', // default font weight: 'normal' or 'bold' fontWeight: 'normal', // font weight for bold characters: 'normal' or 'bold' fontWeightBold: 'bold', // line height as a relative unit lineHeight: 1, // letter spacing as a relative unit letterSpacing: 0, // terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk) cursorColor: 'rgba(248,28,229,0.8)', // terminal text color under BLOCK cursor cursorAccentColor: '#000', // `'BEAM'` for |, `'UNDERLINE'` for _, `'BLOCK'` for █ cursorShape: 'BLOCK', // set to `true` (without backticks and without quotes) for blinking cursor cursorBlink: false, // color of the text foregroundColor: '#fff', // terminal background color // opacity is only supported on macOS //backgroundColor: '#000', backgroundColor: '#101050', // terminal selection color selectionColor: 'rgba(248,28,229,0.3)', // border color (window, tabs) borderColor: '#333', // custom CSS to embed in the main window css: '', // custom CSS to embed in the terminal window termCSS: '', // set custom startup directory (must be an absolute path) workingDirectory: '', // if you're using a Linux setup which show native menus, set to false // default: `true` on Linux, `true` on Windows, ignored on macOS showHamburgerMenu: '', // set to `false` (without backticks and without quotes) if you want to hide the minimize, maximize and close buttons // additionally, set to `'left'` if you want them on the left, like in Ubuntu // default: `true` (without backticks and without quotes) on Windows and Linux, ignored on macOS showWindowControls: '', // custom padding (CSS format, i.e.: `top right bottom left`) padding: '12px 14px', // the full list. if you're going to provide the full color palette, // including the 6 x 6 color cubes and the grayscale map, just provide // an array here instead of a color map object colors: { black: '#000000', red: '#C51E14', green: '#1DC121', yellow: '#C7C329', blue: '#0A2FC4', magenta: '#C839C5', cyan: '#20C5C6', white: '#C7C7C7', lightBlack: '#686868', lightRed: '#FD6F6B', lightGreen: '#67F86F', lightYellow: '#FFFA72', lightBlue: '#6A76FB', lightMagenta: '#FD7CFC', lightCyan: '#68FDFE', lightWhite: '#FFFFFF', limeGreen: '#32CD32', lightCoral: '#F08080', }, // the shell to run when spawning a new session (i.e. /usr/local/bin/fish) // if left empty, your system's login shell will be used by default // // Windows // - Make sure to use a full path if the binary name doesn't work // - Remove `--login` in shellArgs // // Windows Subsystem for Linux (WSL) - previously Bash on Windows // - Example: `C:\\Windows\\System32\\wsl.exe` // // Git-bash on Windows // - Example: `C:\\Program Files\\Git\\bin\\bash.exe` // // PowerShell on Windows // - Example: `C:\\WINDOWS\\System32\\WindowsPowerShell\\v1.0\\powershell.exe` // // Cygwin // - Example: `C:\\cygwin64\\bin\\bash.exe` shell: 'pwsh.exe', // for setting shell arguments (i.e. for using interactive shellArgs: `['-i']`) // by default `['--login']` will be used shellArgs: ['--login'], // for environment variables env: {}, // Supported Options: // 1. 'SOUND' -> Enables the bell as a sound // 2. false: turns off the bell bell: 'SOUND', // An absolute file path to a sound file on the machine. // bellSoundURL: '/path/to/sound/file', // if `true` (without backticks and without quotes), selected text will automatically be copied to the clipboard copyOnSelect: false, // if `true` (without backticks and without quotes), hyper will be set as the default protocol client for SSH defaultSSHApp: true, // if `true` (without backticks and without quotes), on right click selected text will be copied or pasted if no // selection is present (`true` by default on Windows and disables the context menu feature) quickEdit: false, // choose either `'vertical'`, if you want the column mode when Option key is hold during selection (Default) // or `'force'`, if you want to force selection regardless of whether the terminal is in mouse events mode // (inside tmux or vim with mouse mode enabled for example). macOptionSelectionMode: 'vertical', // Whether to use the WebGL renderer. Set it to false to use canvas-based // rendering (slower, but supports transparent backgrounds) webGLRenderer: true, // keypress required for weblink activation: [ctrl|alt|meta|shift] // todo: does not pick up config changes automatically, need to restart terminal :/ webLinksActivationKey: '', // if `false` (without backticks and without quotes), Hyper will use ligatures provided by some fonts disableLigatures: true, // set to true to disable auto updates disableAutoUpdates: false, // set to true to enable screen reading apps (like NVDA) to read the contents of the terminal screenReaderMode: false, // set to true to preserve working directory when creating splits or tabs preserveCWD: true, // for advanced config flags please refer to https://hyper.is/#cfg }, // a list of plugins to fetch and install from npm // format: [@org/]project[#version] // examples: // `hyperpower` // `@company/project` // `project#1.0.1` plugins: [ 'hyper-opacity', 'hyper-wallpaper', ], // in development, you can create a directory under // `~/.hyper_plugins/local/` and include it here // to load it and avoid it being `npm install`ed localPlugins: [], keymaps: { // Example // 'window:devtools': 'cmd+alt+o', }, }; //# sourceMappingURL=config-default.js.map ===== Windows Terminal との比較 ===== ==== メモリー消費量 ==== {{:windows:hyper_vs_windows-terminal_002.png?700|hyper vs Windows Terminal 002}}\\ ===== 参考文献 ===== [[qita>medi-y-sato/items/a7ffd2c53a9448bc4b03|hyperの背景に画像を設定する方法 - Qiita]]\\