1. Visual Studio Code常用設定
{
// 控制是否顯示 minimap（縮圖）
"editor.minimap.enabled": false,
// 控制折行方式：根據視區寬度折行
"editor.wordWrap": "on",
}
2. Visual Studio Code快捷鍵
2.1 基礎編輯
| 快捷鍵 | 功能 |
|---|
| Ctrl + X |
剪下行（空選定） Cut line (empty selection) |
| Ctrl + C |
複製行（空選定）Copy line (empty selection) |
| Alt + ↑ / ↓ |
向上/向下移動行 Move line up/down |
| Shift + Delete |
刪除行 Delete line |
| Ctrl + / |
切換行註釋 Toggle line comment |
| Shift + Alt + F |
格式化文件 Format document |
2.2 查詢與替換
| 快捷鍵 | 功能 |
|---|
| Ctrl + F |
查詢 Find |
| Ctrl + H |
替換 Replace |
| F3 / Shift + F3 |
查詢下一個/上一個 Find next/previous |
3. Visual Studio Code常用外掛
| 外掛 | 用途 |
|---|
| Auto Close Tag |
自動閉合HTML標籤 |
| Auto Rename Tag |
修改HTML標籤時，自動修改匹配的標籤 |
| Path Intellisense |
路徑提示 |
| ESLint |
JavaScript語法檢查 |
| HTML Snippets |
HTML5標籤提示 |
| HTMLHint |
HTML格式提示 |
| IntelliSense for CSS class names in HTML |
HTML中類樣式提示 |
| npm |
執行npm命令 |
| Npm Intellisense |
NPM匯入時提示已安裝的模組 |
4. Visual Studio Code中使用Git
4.1 設定user.name及user.email
全域性設定：
git config --global user.name "李兵"
git config --global user.email "libingql@126.com"
單個專案設定：找到專案目錄的.git資料夾，開啟之後找到config檔案，在最後加上。
[user]
name = 李兵
email = libingql@126.com