# 練習中的快捷鍵 by Sz
###### tags: `Sz` `快捷鍵` `2021夏季切版班`

## 第一週
### VS (mac)
- [x] 開啟檔案：`ctrl + P`
選檔案後按`enter`, (想開在不同 group 就 `ctrl + enter`)
- [x] 切換正在使用的 group ：`ctl + 1, 2` (mac)
- [x] live server
- mac:`ctrl + L + O`
- windows: `Alt + Shift + B`
- linux:`ctrl + L ctrl + O`
- [x] 左側 bar 開關： `ctrl + B`
- [x] VS code 裡面開 Terminal ：`^+`
- windows：`F1`
- [x] palette: `cmd + shift + P`
- [x] Duplicate 該行到上下行：`alt(option) + shift + 上下鍵`

### Terminal
- [x] 新增檔案

touch <檔名>

- [x] 移動所在位置

cd <該路徑>

- [x] 建立新資料夾 make directory

mkdir <該路徑>

### emmet

- [x] [Update Image Size](https://docs.emmet.io/actions/update-image-size/)：直接用 `cmd + shift + P` 輸入
可以自動更新圖片的 width, height（在 html, css 都適用

> height 寫與不寫的差別，是差在 [loading 的時候](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img)
> 如果有寫，html 會預留 img 的欄位
> 圖片還沒 loading 完之前，以下的內容才不會擠上來
> [name=Sz 分享][color=#BB84F5]
>> Use both width and height to set the intrinsic size of the image, allowing it to take up space before it loads, to mitigate content layout shifts.
>> [name= MDN]

- [x] wrap with abbreviation -> 自訂 `cmd + shift + a`
- [x] merge line -> 直接用 `cmd + shift + P` 輸入
- [ ] [Increment/Decrement Number](https://docs.emmet.io/actions/inc-dec-number/)
* 這好酷，我還以為我在用 ps
* 可以用快捷鍵以 0.1, 1, 10 為單位加減
* 目前還沒想到要用哪個快捷鍵好，暫時不用
- [ ] [Select Item](https://docs.emmet.io/actions/select-item/)：`ctrl + shift + , and .`
* 可以直接左右移動選取標籤