VSCode CLI 技能全解析：从基础命令到高效开发实战

7次阅读

共计 1675 个字符，预计需要花费 5 分钟才能阅读完成。

开发者在日常工作中常常会遇到大量重复性操作，这些操作不仅浪费时间，还容易出错。例如：

频繁初始化新项目，需要手动创建目录结构、配置文件
批量处理文件时（如重命名、格式转换）依赖 GUI 的繁琐点击
跨多项目操作时需要反复切换工作区
团队协作时开发环境配置不一致

这些场景下，GUI 操作效率低下且难以标准化，而 CLI（命令行界面）则可以完美解决这些问题。

维度	GUI 操作	CLI 操作
执行速度	较慢（依赖界面渲染）	极快（直接系统调用）
可重复性	难以记录和复用	可通过脚本完整复现
批量处理	逐个操作效率低	支持通配符和管道
远程操作	需要图形界面支持	仅需 SSH 连接
自动化程度	有限	可集成到 CI/CD 流程

CLI 在以下场景具有绝对优势：

需要频繁重复的操作
涉及大量文件的批处理
要求执行过程可追溯
跨环境的一致性需求

# 打开文件 / 文件夹
code path/to/file

# 在新窗口打开项目
code -n path/to/project

# 比较两个文件的差异
code --diff file1 file2

# 安装扩展（支持 @版本号）code --install-extension ms-vscode.PowerShell

# 列出已安装扩展
code --list-extensions

# 卸载扩展
code --uninstall-extension ms-vscode.PowerShell

# 指定用户数据目录（便携模式）code --user-data-dir /custom/path

# 禁用所有扩展（排查问题）code --disable-extensions

# 保持窗口常开（用于脚本）code --wait file.txt

#!/bin/bash
# 初始化 Web 项目结构
PROJECT_NAME=${1:-my-app}

mkdir -p $PROJECT_NAME/{src/{components,styles},public}
cd $PROJECT_NAME

# 创建基础文件
echo "<!DOCTYPE html>" > public/index.html
cat > src/main.js <<EOL
console.log('Hello from $PROJECT_NAME')
EOL

# 用 VSCode 打开项目
code .

#!/bin/bash
# 将目录下所有 Markdown 转换为 HTML
for file in *.md; do
  pandoc "$file" -o "${file%.md}.html"
  code --wait "${file%.md}.html"  # 编辑后保存

done

#!/bin/bash
# 根据配置文件安装扩展
EXTENSIONS=(
  ms-vscode.PowerShell
  dbaeumer.vscode-eslint
  esbenp.prettier-vscode
)

for ext in "${EXTENSIONS[@]}"; do
  code --install-extension $ext

done