# Visual Studio Code 編輯器
* 可在D槽建立一個資料夾叫「project」
* 新專案就在project資料夾內建立與該專案同名的資料夾
* 所有該專案所有程式碼、圖片等檔案都存放於該專案資料夾中
* 可透過**git**這套版本管理軟體進行版本管理、異地備援、多人同步開發工作
![](https://i.imgur.com/gjfW9Wj.jpg)
## 安裝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資料並存檔
```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)