---
title: （番外）進一步認識 VS Code
tags: 網頁組
---

# （番外）進一步認識 VS Code - 前言

這是一篇番外篇，記住快捷鍵也可以讓大家的開發速度變得更快，未來實際練習時也可以多多嘗試快捷鍵，用久了自然就會熟悉，互動式遊樂場假如有空的話可以自己玩看看。

# 本節目標

- 快速認識 VS Code 有哪些快捷鍵
- 熟悉如何操作 VS Code

## 快捷鍵

使用快捷鍵能夠大幅提升開發效率，快捷鍵位置能夠透過官網查看，也可以在 VS Code 內打開快捷鍵一覽，並且自定義按鈕。
快捷鍵這種事，用熟了就會了👍，忘記時別忘了可以隨手查看，讓自己更加熟練使用快捷鍵

- VS Code 官方快速鍵：[Windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)｜[MacOS](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf)
- 在 VS Code 中按下 Ctrl + K + S ( Cmd + K + S ) 可開啟快速鍵一覽表，也可以自定義按鈕：

## 互動式遊樂場

可以從工具列的 Help 說明(H) 中點選 Editor Playground (互動式遊樂場) 即可進入。

互動式遊樂場畫面：

裡面有許多的內容可以回去自己多摸索看看，這邊就不多做介紹，除了這個遊樂場以外，VS Code 官方還提供了許多東西可供學習。
- [文件](https://code.visualstudio.com/docs)
- [介紹影片](https://code.visualstudio.com/docs/getstarted/introvideos)
- [小提示與小技巧](https://go.microsoft.com/fwlink/?linkid=852118)

---
## 參考資料
::: info
[iT 邦幫忙鐵人賽 DAY 7~15 互動式遊樂場](https://taichunmin.idv.tw/blog/2019-10-16-ithelp-ironman-05.html)
:::