hyper.js 讓 Terminal 變得有趣一些

立川企業社
·
·
IPFS
·

習慣使用 Terminal 原本是使用 Mac 的一種習慣,改成用 iTerm2 這個工具

只是換成 Windows 的 cmd.exe 就有些改不掉的習慣,總是卡卡的

真的想要把 Mac 的 iTerm2 的習慣,改成 Windows 也可以使用的方法,以下是我試過的兩種方法:

  1. cmder :這是不錯的套件,只是 Windows 10 不知道是做了什麼事,用了一段時間,經常會發生 init.bat 消失,用了一段時間,乾脆放棄急救
  2. hyper.js:是看起來不錯 Terminal,用起來也是比較接近 Mac ,除了 ctrl + shift + v/c 對應 ctrl + v/c 的改動,這只是習慣就好,所以改成用它了

Git bash

這裡需要有 Git 的協助,直接到下面的網站,他會依照不同的系統自動下載,或者手動也可以下載

https://git-scm.com/download/win

安裝完成之後,要記住 C:\Program Files\Git\git-cmd.exe,待會會用到

hyper.js

先安裝 chocolatey,參考網站:
https://guangchuangyu.github.io/cn/2018/06/chocolatey/

https://marcus116.blogspot.com/2019/02/chocolatey-windows-chocolatey.html

然後就安裝 
choco install hyper

為何要用 chocolatey 來安裝 hyper,依照經驗,直接安裝 hyper.js 會無法正常的開啟分頁,反而會出現 Error 的畫面,用它安裝都沒有問題

這時就會產生 hyper 

他的執行路徑:C:\Users\heren\AppData\Local\hyper\Hyper.exe

基本我就寫出來他的設定檔案,基本是從左上角的選單,Edit > Perferences

然後就修改設定檔,找出來分別去寫入即可:
shell: 'C:\\Program Files\\Git\\git-cmd.exe',
shellArgs: ['--command=usr/bin/bash.exe', '-l', '-i'],
env: { TERM: 'cygwin' }

為啥要在 \ 多一個 \,因為他是 json 跳脫字元的寫法

然後我用的 plugins:
plugins: ["hyperborder", "hypercwd", "hyper-search", "hyper-material-theme"]

這些都可以用 hyper i [pligin 的名稱],自然會加入到 plugins

這裡要注意,有可能會 hyper 會找不到,必須照著以下的動作:

  1. 確保是在自己的目錄,應該是 /c/Users/你的名字
  2. cd ~ && touch .bashrc
  3. vim .bashrc
  4. export PATH=$PATH:~/AppData/Local/hyper/app-3.0.2/resources/bin
  5. source ~/.bashrc

這樣就可以正常的使用 hyper 

hyper.js 以及 vscode

打開 vscode,用 ctrl + , 或者 File > Preferences > Settings 進入設定畫面

找到如同畫面中用紅色框框,Edit in settings.json

出現他的設定值,就依照底下的文字貼上去

{
   "workbench.colorTheme": "Atom One Dark",
   "workbench.colorCustomizations": {},
   "workbench.startupEditor": "newUntitledFile",
   "git.autofetch": true,
   "workbench.iconTheme": "material-icon-theme",
   "editor.smoothScrolling": true,
   "editor.cursorSmoothCaretAnimation": true,
   "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\git-cmd.exe",
   "terminal.integrated.shellArgs.windows": [
        "--command=usr/bin/bash.exe", "-l", "-i"
   ],
   "terminal.external.windowsExec": "C:\\Users\\heren\\AppData\\Local\\hyper\\Hyper.exe",
   "git.enableSmartCommit": true
}

然後看看 vscode 的 Terminal 是否有改變過來了

大功告成,Enjoy it!

CC BY-NC-ND 2.0 授权

喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!

立川企業社立川創意工作室的創始者,同時也是 PHP 的 Laravel 框架的喜愛者,目前用 Voyager 套件用成後台,有了它至少減少約 40% 的時間做後台界面,喜愛它的就看看吧!
  • 来自作者
  • 相关推荐

玩轉 Laravel 的 API - 一個簡單的註冊以及登入

jQuery 裡面的自動完成 - autocomplete 的問題

jQuery 如何可對 checkbox 做出全選/全部取消