# ===== CodeLab: tool-vscode =====
# 以下代码片段按文章出现顺序拼接, 共 7 段

# ----- 片段 1 (bash) -----
# 用 VS Code 打开当前目录
code .
# 打开指定文件
code server.js
# 对比两个文件
code a.js b.js
# 新建一个空窗口
code -n

# ----- 片段 2 (json) -----
{
  "editor.fontSize": 15,
  "editor.tabSize": 2,
  "editor.wordWrap": "on",
  "files.autoSave": "onFocusChange",
  "editor.minimap.enabled": false,
  "editor.formatOnSave": true,
  "terminal.integrated.fontFamily": "Consolas"
}

# ----- 片段 3 (javascript) -----
const price1 = 19;
const price2 = 29;
const price3 = 39;
const price4 = 49;
const price5 = 59;

# ----- 片段 4 (json) -----
{
  "Log 到控制台": {
    "prefix": "clog",
    "body": [
      "console.log('$1');",
      "$2"
    ],
    "description": "快速输出 console.log"
  }
}

# ----- 片段 5 (javascript) -----
function sumArray(nums) {
  let total = 0;
  for (let i = 0; i < nums.length; i++) {
    total += nums[i];
  }
  return total;
}

debugger; // 代码执行到这里会自动暂停
console.log(sumArray([1, 2, 3, 4]));

# ----- 片段 6 (json) -----
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "启动 server.js",
      "program": "${workspaceFolder}/server.js"
    }
  ]
}

# ----- 片段 7 (bash) -----
# 用命令行安装插件,适合批量配置
code --install-extension esbenp.prettier-vscode
code --install-extension dbaeumer.vscode-eslint
# 列出已安装的插件
code --list-extensions