GitHub 有提供 .gitignore 模板,可以根據你使用的編程語言/使用的工具,下載相關的 .gitignore 檔,十分方便。
Continue readingQwerty Learner 練習打字同時學外語
這次想介紹的是 Qwerty Learner, 這是一個可以練習練習的網站,特色在於可以你可以挑選某個證書等級 (例如 IELTS, TOEFL 等) 的詞庫,然後便能邊練習打字邊學外語。
Continue readingCoding Font 助你選擇 Coding 用字體
https://www.codingfont.com/ 是一個協助你挑選 (編程用) 字體的網站。裡面包含 29 款常見的等寬字體,它會每次讓你比較兩款差不多的字體,你從中挑一款。在不斷兩選一下,最後就會幫你尋覓得你感覺最舒心的字體了。可謂是個好工具呢!
Continue readingBootstrap v5.3 預計迎來 dark mode
最近 Bootstrap 上有個 Pull request 目前預計會包含在 v5.3.0 內,正是提供期待已久的 dark mode 支援。
Continue readingSpring @Scheduled 的 Cron Expression 包含秒
Spring 的 Annotation @Scheduled 有 6 個 fields, 其中第一個 field 是秒鐘 (Second)。不同於 Linux 上的 cron job 只有 5 個控制時間的 fields, 不包括秒鐘。
Continue reading程序員做飯指南
GitHub 上有個有趣項目《程序員做飯指南》,收集了不同的菜色的做法,還講究菜譜要有準確單位。最近也有人為其製作了手機 App。
Continue readingFig 美觀又方便的 Terminal 自動補全工具
今天發現了一個名為 Fig 的 Terminal 自動補全 (自動完成 / auto-complete) 工具。Fig 可以讓你在 Terminal 裡輸入 command 時自動列出相關的參數/檔案/記錄。有了這個,相信能讓我減少很多查 man page 的時間吧、不用 Ctrl + R 找記錄、減省 ls 查檔案。
Continue reading以 CSS 製作的迷你魷魚遊戲 — CSS Squid Game
一位開發者 Thomas Park (相信有不少開發者有用過他維護的 Bootswatch 所提供的 Bootstrap themes)曾推出了標榜純 CSS 製作的迷你魷魚遊戲 — CSS Squid Game
Continue readingWindows 上使用 fnm 安裝 Node.js
決定也在電腦的 Windows 系統裡裡安裝 Node.js 了。(之前我都在 WSL2 或者用 Multipass 建立的虛擬機裡用)
版本管理器
安裝前,當然還是先裝版本管理器啦 (version manager)。
版本管理器可以方便你安裝不同版本的 Node.js, 在不同的 projects 裡方便地切換使用,相當方便。
Node.js 上最有名的大概是 nvm
(Node Version Manager), 可是它不支援 Windows. 而且之前在 macOS 上用過 nvm
, 令我打開 Terminal 的時間大幅增長,得另外修改 Shell 的 rc 檔才解決,印象不佳。
記得同類型軟件 fnm
三個平台 (Windows, macOS, Linux) 都能用,於是這次便使用 fnm
安裝了。
安裝 fnm
官網寫 Windows 可以透過 Scoop
, Chocolate
, Cargo
安裝,但我都不喜歡。
最後選擇是安裝使用編譯好的執行檔(乾淨又方便呀) :
在這裡 https://github.com/Schniz/fnm/releases 下載最新版的 fnm-windows.zip
。
下載好,把裡面的 fnm.exe
解壓縮去你想放置的地方。我是放在 C:\Program Files\fnm-v1.31.0
裡。
然後把上面放置了 fnm.exe
的路徑放在 PATH
上。如果你不會設置 PATH 的話,可以參考這裡和這裡。
安裝 Node.js
設置好 PATH 後,打開/重開 Terminal, 輸入 fnm -version
就可以看到安裝好的 fnm
版本了。
PS C:\Users\oldestdream> fnm --version
fnm 1.31.0
然後我想安裝最新的長期支援版本 (即 LTS 版)。參考官網,目前是 v16.14.2
。
通過 fnm list-remote
查看可以安裝的 Node.js 版本。
目前最新的版本為 v16.14.2
, 於是便通過 fnm install v16.14.2
來下載了。
然後可以用 fnm list
來看目前已經安裝了的版本:
PS C:\Users\oldestdream> fnm list
* v16.14.2 default
* system
下載了的 Node.js 是放在這路徑:
C:\Users\oldestdream\AppData\Roaming\fnm
修改 PowerShell profile
你重開 Terminal 輸入 node -v
查看安裝後的版本,會發現找不到 node
, 原因是我們需要在載入 Shell 時,先運行 fnm env
所提供的設置。
node: The term 'node' is not recognized as a name of a cmdlet, function, script file, or executable program.
Check the spelling of the name, or if a path was included, verify that the path is correct and try again.
做法也很簡單,在 PowerShell 裡輸入 $PROFILE
。會見到一條路徑:
PS C:\Users\oldestdream> $PROFILE
C:\Users\oldestdream\Documents\PowerShell\Microsoft.PowerShell_profile.ps1
你很可能找不到這個文件,路徑也不存在。
不存在的話,就要自己根據這路徑創造那文件出來了。
文件內加入下面這句即可:
fnm env --use-on-cd | Out-String | Invoke-Expression
記得保存喲~
測試
重開 Terminal (PowerShell),試試 node -v
和 npm -v
,都能使用了。
PS C:\Users\oldestdream> node -v
v16.14.2
PS C:\Users\oldestdream> npm -v
8.5.0
cmd 設定
因為我日常是使用 PowerShell 而非 cmd
, 所以我也不想搞。
有興趣的話,可以參考官方的做法:
https://github.com/Schniz/fnm#windows-command-prompt-aka-batch-aka-wincmd
References
VS Code – Java – Implementation of methods is unavailable 一記
在 VS Code 寫 Java 遇上 Implementation of methods is unavailable 一事的小記錄。
Continue reading