在 Visual Studio Code 创建 C/C++ 的 WebAssembly 开发环境

缩写释义
WASM : WebAssembly
VSCode : Visual Studio Code

安装依赖

• CMake
  使用 3.21 以上版本，下载解压到磁盘后，追加目录路径到环境变量 PATH

• Ninja
  下载解压到磁盘后，追加目录路径到环境变量 PATH

• Wasmtime 解释器
  下载解压到磁盘后，将目录路径追加到环境变量 PATH

• WASI-SDK 编译器
  下载解压到磁盘后，将目录路径设置到环境变量 WASM_SDK_HOME

VSCode 扩展

• CodeLLDB
• C/C++ Extension Pack

VSCode 工作区配置

在确认所有依赖已经准备完毕后，进行工程的 VSCode 工作区配置

配置工具链

在 .vscode 目录中创建两个文件 cmake-kits.json 和 c_cpp_properties.json 编辑为以下内容

cmake-kits.json

配置 WASM 编译器工具链，指定使用 wasi-sdk。

[
    {
   
   
        "name":"wasi-sdk",
        "toolchainFile": "${env:WASI_SDK_HOME}/share/cmake/wasi-sdk.cmake",
        "cmakeSettings": {
   
   
            "WASI_SDK_PREFIX":"${env:WASI_SDK_HOME}"
        }
    }
]

c_cpp_properties.json

配置代码自动提示。

{
   
   
   "configurations": [
       {
   
   
           "name":"WASM",
           "includePath": [
               "${workspaceFolder}/**"
           ],
           "defines": [