# Visual Studio Code 編輯器

* 可在D槽建立一個資料夾叫「project」
* 新專案就在project資料夾內建立與該專案同名的資料夾
* 所有該專案所有程式碼、圖片等檔案都存放於該專案資料夾中
* 可透過**git**這套版本管理軟體進行版本管理、異地備援、多人同步開發工作

## 安裝VScode
1. 連到 code.visualstudio.com
2. 點Download for Windows
3. 安裝（安裝過程用預設值即可）
4. 開啟新檔並輸入print("hi")
5. 儲存成python檔案（副檔名為.py）
6. VScode右下角會顯示是否安裝**python延伸模組**（在VScode視窗中直接執行python）
7. 同上，安裝**Pylint套件**（檢查python語法是否正確）
8. **關閉VScode重新執行（才可以正確執行python程式！）**![]

## 設定專案建置作業
1. 點 工作/設定工作
2. 點 從範本建立tasks.json檔案/Others
3. 刪除原有內容，貼入以下json資料並存檔

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Run Python Code",
            "type": "shell",
            "command": "python",
            "args": [
                "'${file}'"
            ],
            "group": {
                "kind": "build",
                "isDefault": true
            },
            "presentation": {
                "echo": true,
                "reveal": "always",
                "focus": true,
                "panel": "shared"
            }
        }
    ]
}

3. 之後就可以按Ctrl+Shift+b來執行程式

---
## 擴充套件
- Auto Rename Tag

---
## 常用快速鍵

### 一般
| 功能 | 快速鍵 |
|-----------|---------|
| 開啟檔案 | Ctrol + o |
| 打開空白分頁 | Ctrl + n |
| *關閉分頁 | Ctrl + w |
| *開啟之前關閉的分頁 | Ctrl + Shift + t |
| 切到上個分頁| Ctrl + Tab |
| 字體放大 | Ctrl + ＋ |
| 字體縮小 | Ctrl + - |
| *關閉/開啟提要欄位| Ctrl + b |
| 開啟擴展欄 | Ctrl + Shift + x |
| 切換不同群組視窗 |Ctrl + k, Ctrl + ←/→ |
| *去除行號後面的空白 |Ctrl + k, Ctrl + x|
| 使用者設定 | Ctrl + , |
| *快捷鍵說明 | Ctrl + k, Ctrl + s |

### 基本編輯
| 功能| 快速鍵 |
|-----------|---------|
| *移動行 | Alt + 往上/往下|
| *刪除行 | Ctrl + Shfit + k |
| *跳轉到區塊頭尾 | Ctrol + Shift + \| |
| *收合區塊 | Ctrl + Shift + \[ |
| *展開區塊 | Ctrl + Shift + \] |
| *收合所有區塊 | Ctrl + k, Ctrl + 0 |
| *展開所有區塊 | Ctrl + k, Ctrl + j |
| *註解 | Ctrl + / |
| 文字換行 | Alt + z |

### 導引
| 功能 | 快速鍵 |
|-----------|---------|
| *跳到指定行號 | Ctrl + g |
| *跳到指定的變數/函數 | Ctrl + Shift + o |
| *跳到錯誤/警告所在行號 | F8 |
| *跳到函數定義位置 | F12 |

### 搜尋/取代，多游標選取
| 功能 | 快速鍵 |
|-----------|---------|
| 根據搜尋條件框選所有符合文字 | Alt + Enter |
| *複選符合條件的文字 | Ctrl + d |
| *框選整列 | Ctrl + i |

-----
### 除錯
**進入除錯模式的條件：**
1. 開啟資料夾
a. 檔案/開啟資料夾
b. 選擇程式所在的資料夾（通常一個專案設立一個資料夾）
3. 設定中斷點
4. 按F5進入除錯模式
5. （將變數）加入監看
a. 框選該變數名稱
b. 點右鍵，點「偵錯：加入監看」
c. 按Enter
6. 根據以下除錯快速鍵追蹤程式
7. 點中間正上方的「紅色正方形」停止偵錯
8. 若要在重新進入偵錯模式只要從第4步開始就可以

**除錯快速鍵**
| 功能| 快速鍵 |
|-----------|---------|
| 設定/取消 中斷點 | F9 |
| 除錯/繼續 執行 | F5 |
| 一步一步執行，遇到函數則直接執行完函數，在往下執行 | F10 |
| 一步一步執行，遇到函數則進入函數執行 | F11 |
| 直接執行完函數，回到當初呼叫函數的位置 | Shift + F11 |
| 停止除錯 | Shift + F5 |

## 參考資料
* [Visual Studio Code 極速上手指南](http://blog.tonycube.com/2018/11/visual-studio-code.html)
* [keyboard shortcuts for windows](https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf)
* [設定Visual Studio Code Python 開發環境建置作業](http://www.ucamc.com/e-learning/computer-skills/239-visual-studio-code-python.html)