在VS Code中配置Elixir和Phoenix开发环境_网络技术

在VS Code中配置Elixir和Phoenix开发环境

发布时间 - 2025-12-02 00:00:00 点击率：次

首先安装Elixir和Erlang，推荐使用asdf或kiex（macOS/Linux）或WSL（Windows），通过elixir -v和mix phx.new --help验证；接着在VS Code中安装ElixirLS、Syntax Highlighting for Elixir和Phoenix扩展并重启；创建或进入Phoenix项目mix phx.new my_app，执行mix setup初始化数据库；在项目根目录配置.vscode/launch.json以支持调试，包含Mix Task和Phoenix Server启动项；最后通过运行和调试侧边栏启动应用，断点生效，若无提示可重启语言服务器。

在 VS Code 中配置 Elixir 和 Phoenix 开发环境，可以让你高效编写和调试代码。通过合适的插件和工具集成，VS Code 能提供智能补全、语法高亮、格式化支持以及调试能力。

安装 Elixir 和相关工具

确保你的系统中已正确安装 Elixir 和 Erlang。Phoenix 依赖于 Elixir，而 Elixir 又依赖 Erlang/OTP。

推荐使用版本管理工具：

macOS / Linux：使用 asdf 或 kiex 安装和管理 Elixir 版本
Windows：可使用 Windows Subsystem for Linux (WSL)，然后按 Linux 方式配置

安装完成后，在终端运行以下命令验证：

elixir -v
erl
mix phx.new --help

如果能看到版本信息和帮助说明，表示安装成功。

安装 VS Code 扩展

打开 VS Code，进入扩展商店（快捷键 Ctrl+Shift+X），搜索并安装以下关键扩展：

ElixirLS: Elixir support and debugger – 提供语言服务器功能，包括代码补全、跳转定义、查找引用、调试支持等
vscode-elixir-ls（可选）– 部分用户偏好此版本，但通常推荐使用官方 ElixirLS
Syntax Highlighting for Elixir – 增强语法高亮（部分主题下可提升显示效果）
Phoenix – 提供 Phoenix 框架相关的 snippets 和模板支持

安装后重启 VS Code，确保扩展正常加载。

配置项目与 Mix 集成

创建或打开一个 Phoenix 项目：

mix phx.new my_app
cd my_app

在项目根目录下启动 VS Code：

code .

ElixirLS 会自动检测 mix.exs 并开始索引项目依赖。首次加载可能需要几秒到几十秒，期间会自动编译依赖以提供准确的代码提示。

确保 config/dev.exs 中数据库配置正确，并执行：

mix setup

这将安装依赖、创建数据库并运行迁移，使项目处于可运行状态。

启用调试功能

ElixirLS 支持通过 launch.json 配置调试会话。

在项目根目录下创建 .vscode/launch.json 文件：

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Mix Task",
      "type": "mix_task",
      "request": "launch",
      "projectRoot": "${workspaceFolder}",
      "task": "run",
      "taskArgs": ["--no-halt"]
    },
    {
      "name": "Phoenix Server",
      "type": "mix_task",
      "request": "launch",
      "projectRoot": "${workspaceFolder}",
      "task": "phx.server"
    }
  ]
}

配置完成后，切换到“运行和调试”侧边栏，选择 “Phoenix Server” 启动应用。断点将在控制器、上下文或模型中生效。

基本上就这些。配置完成后，你就能在 VS Code 中流畅开发 Elixir 和 Phoenix 应用了。不复杂但容易忽略的是确保 ElixirLS 正常工作——若无提示，尝试重启语言服务器（命令面板输入 “Elixir: Restart Language Server”）。

# linux # vscode # js # json # windows # app # 工具 # mac # macos # erlang # for # 数据库 # 重启 # 推荐使用 # 若无 # 的是 # 加载 # 完成后 # 让你 # 你就 # 首次 # 将在

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：VS Code中的AI辅助：从代码补全到架构建议

下一篇：绝区零2.5上半卡池怎么抽-绝区零2.5上半卡池抽取推荐

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：VS Code中的AI辅助：从代码补全到架构建议

下一篇：绝区零2.5上半卡池怎么抽-绝区零2.5上半卡池抽取推荐