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

---

首先安装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：

Explainpaper

阅读学术论文的更好方法，你的学术论文阅读助手。

89 查看详情

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”）。

以上就是在VS Code中配置Elixir和Phoenix开发环境的详细内容，更多请关注其它相关文章！

# phoenix  # linux  # elixir  # 完成后  # 营销推广公司就找b火21星  # 让你  # 你就  # 首次  # 新公司网站怎样推广好点  # 提高关键词排名就选h火9星  # 网页制作公司网站建设  # 前端网站内部优化  # 景区推广营销案例范文  # 合肥seo建议  # 邓州网站建设美丽  # 密云区公司网站建设  # 西藏seo服务怎么操作  # 加载  # 自动升级  # 的是  # 若无  # 推荐使用  # 重启  # macos  # mac  # 工具  # app  # windows  # json  # js  # vscode 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 狙击外星人小游戏在线链接_狙击外星人小游戏网页链接  C++二维数组动态分配方法_C++指针与数组内存布局  《edge浏览器》关闭翻译功能方法  《王者荣耀世界》英雄获取攻略  《暗黑破坏神4》国服回归送狂欢礼包 价值6916元  C++怎么实现一个红黑树_C++高级数据结构与平衡二叉搜索树  顺丰快递在线查询系统 顺丰快递官方查单入口  电脑开不了机怎么办 电脑无法开机的解决方法  微博网页版入口链接 微博网页版在线互动平台  Linux如何开发轻量级数据服务模块_Linux服务化设计  mysql如何限制远程访问_mysql远程访问限制方法  漫蛙官网(首页入口)_漫蛙漫画稳定访问教程分享  抖音赚钱快速入门_新手必看的抖音赚钱步骤  PHP中获取HTTP响应状态消息：方法与限制  《爱笔思画x》涂色教程  苹果手机怎么合并照片_苹果手机合并多张照片的操作方法  Excel宏怎么删除_Excel中删除宏的详细操作流程  漫蛙app官方版手机正版入口-漫蛙漫画manwa在线漫画正版入口  铁路12306入口 铁路12306官网版入口登录网址  Dagster资产间数据传递与用户配置管理教程  管理打开的编辑器：固定、分组和关闭技巧  PHP utf8_encode 字符编码转换疑难解析与最佳实践  行者app怎样导出日志  Fedora怎么安装 Fedora Workstation安装步骤  OPPO A3 WiFi频繁断开怎么办 OPPO A3网络优化技巧  除了Copilot，还有哪些值得一试的VS Code AI插件？  铁路12306怎么申请退票_铁路12306退票申请操作流程  键盘声音异常怎么回事_键盘异响怎么处理  163邮箱在线登录 163邮箱网页版在线入口  汽水音乐官网网页版入口 汽水音乐官网网页版在线入口  Sublime怎么配置YAML文件格式化_Sublime YAML Formatter插件教程  支付宝如何解绑云闪付_支付宝与云闪付账户关联解除方法  Coolpad5890 ROM刷机包  PHP中实现JSON数据数组分页的教程  J*aScript与CSS动画：实现平滑顺序淡入淡出效果并解决显示冲突  TikTok视频播放中断怎么办 TikTok播放异常修复方法  iPhone17Pro如何连接蓝牙耳机_iPhone17Pro蓝牙设备配对与连接方法介绍  QQ邮箱官方登录页_腾讯出品安全稳定的邮箱服务  Win10运行窗口在哪里打开 Win10调出运行命令框快捷键【技巧】  批改网网页版登录 批改网电脑版学生登录入口  抖音如何解除|直播|权限绑定_抖音关闭并解绑|直播|功能的方法  苹果电脑如何快速查看电池状态 苹果电脑电池信息快捷方法  如何高效地基于键列值映射DataFrame中的多个列  花生壳内网映射新方案  嘀嗒顺风车如何开具电子发票  附近酒吧怎么找？  《下一站江湖2》独孤剑诀习得方法  智慧职教mooc平台登录网址 智慧职教mooc官网直达  Google Drive API 认证：服务账户与OAuth 2.0的选择与实践  《桃源记2》资源采集攻略 

 2025-12-02