信息发布→ 登录 注册 退出

VSCode for Elixir:Phoenix框架开发环境

发布时间:2025-12-15

点击量:
VSCode 是 Elixir 和 Phoenix 开发的轻量高效选择,核心是配好 ElixirLS、Phoenix Snippets 和 ERB&EEx 支持插件,集成终端与 tasks.json 任务,启用调试和自动格式化。

vscode 是 elixir 和 phoenix 开发中轻量、高效且高度可定制的选择。关键不是装一堆插件,而是配好核心工具链,让语法高亮、代码跳转、调试和任务运行真正可用。

基础插件:Elixir + Phoenix 支持

只装这几个必要扩展,避免干扰:

  • ElixirLS(官方推荐):提供智能补全、类型推导、实时错误检查、代码格式化(通过 mix format)、跳转定义、查找引用等。安装后需确保本地已安装 elixirmix,并能正常运行 mix deps.get
  • Phoenix Framework Snippets:提供常用 Phoenix 模板(.eex)、路由、控制器、上下文等代码片段,比如输入 phx.route 回车快速生成路由行。
  • ERB & EEx Support:增强 .eex / .leex 文件的 HTML+嵌入式 Elixir 语法高亮与标签闭合提示。

终端与任务集成:用好内置 Terminal

VSCode 的集成终端比*终端更顺手,关键是配置好默认 Shell 和项目级任务:

  • 在项目根目录创建 .vscode/tasks.json,预设常用命令:mix phx.server(启动服务器)、mix test(运行测试)、mix format(格式化)——启用“问题匹配器”后,测试失败会直接在“问题”面板标出错误位置。
  • Ctrl+Shift+P(Windows/Linux)或 Cmd+Shift+P(macOS),输入 “Terminal: Select Default Profile” 可切换为 zsh / fish / bash,确保与你日常使用的 shell 一致,避免环境变量(如 MIX_ENV)不生效。

调试 Phoenix 应用:简单但实用

ElixirLS 内置调试支持,无需额外配置即可调试控制器、函数或测试:

  • 在任意 Elixir 文件中打上断点(点击行号左侧),按 Ctrl+Shift+D 打开调试面板,选择 “Elixir Mix Task” 启动配置,再选 mix phx.servermix test 即可开始调试。
  • 注意:调试时 Phoenix 默认监听 localhost:4000,浏览器访问不受影响;变量值、调用栈、表达式求值都可实时查看,适合排查参数传递或状态变更逻辑。

小而关键的配置项(settings.json)

在工作区设置(.vscode/settings.json)中加入这几项,提升日常体验:

  • "elixirLS.dialyzerEnabled": false:Dialyzer 分析较慢,新项目可先关闭,等熟悉后再开启。
  • "editor.formatOnSave": true + "elixirLS.formattingProvider": "mix":保存即自动格式化,风格统一不费神。
  • "files.associations": {"*.eex": "eelixir", "*.leex": "eelixir"}:确保模板文件正确识别为 Elixir 语法。

基本上就这些。不用追求“全功能 IDE”,把 ElixirLS 稳住、终端跑顺、调试能进、格式化自动,开发节奏就稳了。

标签:# vscode  # linux  # 路由  #   # mac  # 工具  # 浏览器  # windows  # json  # js  # html  # 较慢  # 用好  # 几项  # 正常运行  # 并能  # 这几个  # 与你  # 不受  # 行号  # 跳转  # ide  # default  #   # format  # select  # for  # bash  # 环境变量  # macos  
在线客服
服务热线

服务热线

4008888355

微信咨询
二维码
返回顶部
×二维码

截屏,微信识别二维码

打开微信

微信号已复制,请打开微信添加咨询详情!