# Visual Studio Code

### 特色

1. 開放原始碼
2. 免費
3. 微軟保證
4. 支援非常多程式語言開發
5. 速度快
6. 有Extension可以擴充許多方便的功能
7. 穩定可以用於生產環境

### 步驟一：安裝Python

如果你打算使用Python開發，請先安裝Python；Python官網：https://python.org/downloads/

> 提示：安裝Python時請先將VSCode關閉，以避免VSCode無法辨認到Pyhon。

### 步驟二：下載與安裝Visual Studio Code

https://code.visualstudio.com/

點選「Download for Windows」按鈕後直接「下一步」安裝到底即可。

> 如果使用頻果Mac系列電腦的話，按鈕會是「Download for Mac」。

### 步驟三：安裝Python extension

https://marketplace.visualstudio.com/items?itemName=ms-python.python

點擊連結會打開Visual Studio Code進行安裝，或是直接從VSCode內的Market Place安裝也可以。

### 中文環境 extension(非必須)

在Extension搜尋「chinese」，選擇Chinese (Traditional) Language 中文(繁體)安裝。

> 此功能安裝後需要重新啟動Visual Studio Code

### 安裝Markdown extension(非必須)

1. 在extension搜尋「Markdown All in One」：更多好用功能，例如自動完成、熱鍵支援等等。
2. 在extension搜尋「Markdown Preview Enhanced」: 提供加強版的預覽。

### 步驟四：安裝Jupyter Notebook extension

在Extension搜尋「jupyter」，選擇Jupyter（by Microsoft）安裝。

### 建立新的Jupiter Notebook

1. Windows: Ctrl+Shift+P，Mac: CMD+Shift+P
2. 輸入「Jupyter: Create New Blank Jupyter Notebook

> 1. 如果尚未安裝Python extension，會出現「You have opened a Python notebook. Would you like to install the Python extension?」，選擇「Yes」進行Python extension安裝。
> 2. 如果Jupyter Notebook for Python extension未安裝，VSCode會提示需要安裝。

## 好用快速鍵

| 功能 | MacOS | Windows |
| ---------------------- | ------------------ | ------------------- |
| 執行程式 | `CTRL`+`F5` | `Ctrl`+`F5` |
| 打開指令面板 | `CMD`+`Shift`+`P` | `Ctrl`+`Shift`+`P` |
| 格式化程式碼 | `Alt`+`Shift`+`F` | `Alt`+`Shift`+`F` |
| 存檔 | `CMD`+`S` | `CTRL`+`S` |
| 註解程式碼 | `CMD`+`/` | `CTRL`+`/` |
| 切換到下一個打開的檔案 | `CTRL`+`TAB` | `CTRL`+`TAB` |
| 關閉目前檔案 | `CMD`+`W` | `CTRL`+`W` |
| 跳到方法定義 | `CMD`+`Left Click` | `CTRL`+`Left Click` |
| 復原修改 | `CMD`+`Z` | `CTRL`+`Z` |
| 取消復原 | `CMD`+`Shift`+`Z` | `CTRL`+`Shift`+`Z` |
| 程式碼提示 | `CTRL`+`空白鍵` | `CTRL`+`空白鍵` |
| 多重游標分身 | `Alt`+`Left Click` | `Alt`+`Left Click` |

##### Reload Window

1. `CMD`+`Shift`+`P`(MacOS) or `Ctrl`+`Shift`+`P`(Windows)
2. Type **reload window**

> 當你使用pyenv新建一個虛擬環境時，需要reload window後VS Code才會抓到（左下角Python版本選單才會出現）。