2021/11/19
[VS2022 Tips] 建立程式碼樣式的命名規則
markdown
記錄前陣子學到一招在 Visual Studio 建立 Code Style 的命名規則
經常透過在 constructor 裡注入物件, 然後透過 Visual Studio 自動建立 private 屬性
預設是會以無底線的 camelCase 方式來命名, 但是經常要再重新命名為有底線的方式 (private (C# Reference)), 雖然也不是太複雜, 但每寫一次就要改一次, 其實也蠻枯燥乏味
## 建立 Code Style 命名規則
在 Tools > Text Editor > C# > Code Style > Naming 先做 nameing styles 的管理
輸入 Style 的標題: `Prefix _` (自己看得懂的就可以了), 在 Prefix 輸入 `_`, 在 Capitalization 選擇 `camel Case Name`
最後新增規則指定 `Private or Internal Field`
2021/01/30
[Terminal] Windows 開發者的好朋友 Windows Terminal
markdown
### 前言
在 Windows 的環境下,開發者可以選擇使用指令模式的機會還不少,預設能選擇的有 PowerShell 或 cmd 命令提示字元。
而我本身在 Windows 環境下,使用 Cmder 工具有好一段時間,喜歡它的原因當然只因為外觀的客製以及分頁。還有另一個很重要的功能:連結可以直接點擊並自動開啟瀏覽器。這個對於網站開發者相當友善,因為少了好幾個步驟即可達成瀏覽的動作。
[Windows Terminal](https://docs.microsoft.com/zh-tw/windows/terminal/?WT.mc_id=DOP-MVP-5002629) 已經推行了一段時間,我也從 Cmder 跳到 Windows Terminal 一陣子,但僅一項仍未滿足的部分就是直接點擊連結這功能。有時反而更依賴 VS Code 的 Terminal 補足了這部分功能。
好消息就在今早突然發現可以用了。立馬查詢了一下[更新日誌](https://github.com/microsoft/terminal/releases),版本 v1.5.10271.0 已經支援自動檢測 URL 囉!從此刻起可以大力推推推~~
### Windows Terminal
什麼是 Windows 終端機 ([Windows Terminal](https://docs.microsoft.com/zh-tw/windows/terminal/?WT.mc_id=DOP-MVP-5002629))?
「Windows 終端機是新式的終端機應用程式,適用於使用命令列工具和命令介面 (如命令提示字元、PowerShell 和 Windows 子系統 Linux 版 (WSL)) 的使用者。 其主要功能包括多個索引標籤、窗格、Unicode 和 UTF-8 字元支援、GPU 加速文字轉譯引擎,以及讓您能夠建立自己的佈景主題並自訂文字、色彩、背景和快速鍵。」
### 安裝 Windows Terminal
在 Microsoft Store 搜尋 terminal 即可找到 Windows Terminal
最早開始換用 Windows Terminal 是用它來開啟 bash (安裝 Git 就會自帶 bash),原本在用 Cmder 也是開 bash,主要是因為本身也是 Mac 使用者,為求操作體驗一致,加上 bash 的 alias 讓跨平台開發一切變得順暢。
以下就我喜歡的特色加以介紹,一起來探索吧!
#### 支援各式命令列
任何具有命令列介面的應用程式都可以在 Windows 終端機內執行。
- PowerShell
- Cmd 命令提示字元
- Azure Cloud Shell
- WSL
- Bash
依據需求我會開啟不同的命令列,因為完整整合就不需各別開啟個別視窗,相當方便。
不僅可以選擇預設的命令列,而且還可以選擇顯示或隱藏,下圖則是我把 Azure Cloud Shell 隱藏了。
#### 客製化設定
喜歡什麼配置自由選擇
[Windows 終端機中的色彩配置](https://docs.microsoft.com/zh-tw/windows/terminal/customize-settings/color-schemes?WT.mc_id=DOP-MVP-5002629)
開啟設定 (settings.json) 至任何 commandline 的區塊加上 `colorScheme`
例如:
```
{
"commandline: "powershell.exe",
"colorScheme": "One Half Dark",
}
```
`colorScheme` 預設選擇有:
- Campbell
- Campbell Powershell
- Vintage
- One Half Dark
- One Half Light
- Tango Dark
- Tango Light
若是想要自己設定自己的色彩配置請看 [自訂終端機指南](https://docs.microsoft.com/zh-tw/windows/terminal/custom-terminal-gallery/custom-schemes?WT.mc_id=DOP-MVP-5002629)
#### 自定鍵盤快速鍵
在設定檔案中的 `keybindings` 區塊設定快速鍵
設定格式如下:
不含引數的命令
```
{ "command": "closeWindow", "keys": "alt+f4" }
```
具有引數的命令
```
{ "command": { "action": "newTab", "index": 0 }, "keys": "ctrl+shift+1" }
```
更多詳細動作可查閱 [Windows 終端機中的自訂動作](https://docs.microsoft.com/zh-tw/windows/terminal/customize-settings/actions?WT.mc_id=DOP-MVP-5002629)
#### 支援背景影像
在 WSL 我選擇用 Ubuntu 的圖片來做背景,一方面也讓我可以直覺知道我正在操作 WSL
#### 對開發者友善的功能
真心覺得 Windows Terminal 終於實現開發者很需要的重要功能啊~~
### 結語
對視覺系的開發者來說,打指令也要賞心悅目,打造自己喜歡的工具開發起來也會更得心應手。最後一塊拼圖今日出現,我認為至少在目前最新的版本已經達到我的需求。希望也能成為你喜歡的命令列工具!
2021/01/10
[Node.js] 解決 express: command not found 問題
markdown
### 開發環境
- Windows 10 / macOS 10.15.6
- Node 14.5.0
### 問題
最近研究採用 Node + Express 跑前端應用
找到許多文件在 npm global 安裝 express 可以執行 cli 命令
```
$ npm install -g express
$ express --version
```
但在查詢版本指令下卻出現 `express: command not found`
原因是在版本 4.x 與 3.x 有所不同, 在 v4.x 版已將 cli 移至 `express-generator`
### 解決方法
安裝全域 express-generator (目前版本是 4.16.1)
```
$ npm install -g express-generator
```
另外在 v4.x 的命令方法也有所不同, 可以下 `express -h` 作進一步查詢
### References
- [Express application generator](https://expressjs.com/en/starter/generator.html)
- [適合初學者在 Windows 上開始使用 Node.js](https://docs.microsoft.com/zh-tw/windows/nodejs/beginners?WT.mc_id=DOP-MVP-5002629)