vscode离线下载依赖

关于依赖包

Live Server 的 .vsix 文件已经包含了所有必需的依赖,不需要单独下载其他包。

VS Code 扩展的依赖分两种:

  1. Node.js 依赖 :已打包在 .vsix 文件中 ✅
  2. 其他 VS Code 扩展依赖:如果有,需要单独安装

查看是否有扩展依赖的方法:

  • 在扩展页面往下滚动,看是否有 "Extension Dependencies" 部分
  • Live Server 是独立扩展,没有其他扩展依赖

VS Code 扩展离线下载链接生成方式

标准格式(推荐)

复制代码
https://marketplace.visualstudio.com/_apis/public/gallery/publishers/{发布者}/vsextensions/{扩展名}/{版本号}/vspackage

具体示例:

Live Server:

复制代码
https://marketplace.visualstudio.com/_apis/public/gallery/publishers/ritwickdey/vsextensions/LiveServer/5.7.9/vspackage

Chinese (Simplified) 语言包:

复制代码
https://marketplace.visualstudio.com/_apis/public/gallery/publishers/MS-CEINTL/vsextensions/vscode-language-pack-zh-hans/1.93.2024100909/vspackage

Prettier:

复制代码
https://marketplace.visualstudio.com/_apis/public/gallery/publishers/esbenp/vsextensions/prettier-vscode/10.1.0/vspackage

如何获取扩展信息?

方法一:从扩展页面 URL 获取

扩展页面 URL 格式:

复制代码
https://marketplace.visualstudio.com/items?itemName={发布者}.{扩展名}

例如:https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

  • 发布者:ritwickdey
  • 扩展名:LiveServer

方法二:查看最新版本号

  1. 打开扩展页面
  2. 点击 "Version History" 标签
  3. 查看最新版本号

或者在已安装的扩展中查看版本号。


批量下载脚本

如果你需要下载多个扩展,可以用这个脚本:

bash 复制代码
# Windows (PowerShell)
$extensions = @(
    "ritwickdey.LiveServer:5.7.9",
    "esbenp.prettier-vscode:10.1.0",
    "MS-CEINTL.vscode-language-pack-zh-hans:1.93.2024100909"
)

foreach ($ext in $extensions) {
    $parts = $ext.Split(':')
    $name = $parts[0].Split('.')
    $publisher = $name[0]
    $extension = $name[1]
    $version = $parts[1]
    
    $url = "https://marketplace.visualstudio.com/_apis/public/gallery/publishers/$publisher/vsextensions/$extension/$version/vspackage"
    $output = "$publisher.$extension-$version.vsix"
    
    Write-Host "下载 $output ..."
    Invoke-WebRequest -Uri $url -OutFile $output
}
bash 复制代码
# Linux/Mac
#!/bin/bash
extensions=(
    "ritwickdey.LiveServer:5.7.9"
    "esbenp.prettier-vscode:10.1.0"
)

for ext in "${extensions[@]}"; do
    IFS=':' read -r name version <<< "$ext"
    IFS='.' read -r publisher extension <<< "$name"
    
    url="https://marketplace.visualstudio.com/_apis/public/gallery/publishers/$publisher/vsextensions/$extension/$version/vspackage"
    output="$publisher.$extension-$version.vsix"
    
    echo "下载 $output ..."
    curl -L "$url" -o "$output"
done

小技巧

不知道版本号?用 latest 获取最新版:

复制代码
https://marketplace.visualstudio.com/_apis/public/gallery/publishers/ritwickdey/vsextensions/LiveServer/latest/vspackage

但下载时建议用具体版本号,更稳定可靠!

有问题随时问我 🚀

相关推荐
VidDown3 天前
VidDown 工具站:免费、本地优先的开发者工具箱
javascript·编辑器·音视频·视频编解码·视频
摇滚侠3 天前
IDEA 创建 Java 项目 手动整合 SSM 框架
java·ide·intellij-idea
霸道流氓气质4 天前
Trae IDE 新手入门指南
ide
VidDown4 天前
显卡处理视频技术详解:从硬解码到 NVENC,GPU 如何让视频处理起飞?
javascript·编辑器·音视频·视频编解码·视频
夜猫逐梦4 天前
【UE基础】03.蓝图与编辑器工作流
编辑器·ue·蓝图·ue编辑器
VidDown4 天前
视频帧率技术详解:从 24fps 到 120fps,帧率如何影响你的观看体验?
网络·网络协议·编辑器·音视频·视频编解码·视频
爱就是恒久忍耐4 天前
VSCode里如何比较2个branch
ide·vscode·编辑器
意法半导体STM324 天前
【官方原创】如何为STM32CubeMX2配置Visual Studio Code配置方案
vscode·stm32·单片机·嵌入式硬件·策略模式·stm32cubemx·嵌入式开发
bloglin999994 天前
vscode中可视化的合并分支,在“合并编辑器中解析”中“与基线进行比较”是什么意思
ide·vscode·编辑器
终将老去的穷苦程序员4 天前
IntelliJ IDEA 的安装教程
java·ide·intellij-idea