---
# System prepended metadata

title: vscode自訂環境快速鍵、reset快速鍵
tags: [2021程式體驗營]

---

---
tags: 2021程式體驗營
---
# vscode自訂環境快速鍵、reset快速鍵
## 展示起手式程式碼片段 
(10:26)(34:20-39:20補充)	

## 1. 在vscode複製要建立的程式碼。例:甜點店商開發環境、外部連結
![](https://i.imgur.com/BEuE44E.jpg)

## 2. 到[snippet generator](https://snippet-generator.app)網站貼上程式碼，加上敘述與快速鍵按 copy sinppet
![](https://i.imgur.com/MPoeEH5.jpg)

## 3. 回vscode使用者程式碼片段→新增全域程式碼片段 (win和 mac名稱略不同)
![](https://i.imgur.com/AqLrSwy.jpg)

## 4. 將程式碼貼到大括號裡面，儲存即可
![](https://i.imgur.com/V38rDVD.jpg)

## 5. 將程式碼貼到大括號裡面
![](https://i.imgur.com/w4A3uZw.jpg)

## 6. 另外也可以設定游標預設位置　$1預設位置、$2按tab會跳到第二個位置
![](https://i.imgur.com/YRhm4V9.jpg)

## 7. 也可設定使用範圍scope只在html 不限制就不用寫
![](https://i.imgur.com/aO8nwCA.jpg)