VSCode for Elixir:Phoenix框架开发环境

2次阅读

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+Pwindows/linux)或 Cmd+Shift+PmacOS),输入 “Terminal: select default Profile” 可切换为 zsh / fish / bash,确保与你日常使用的 shell 一致,避免环境变量(如 MIX_ENV)不生效。

调试 Phoenix 应用:简单但实用

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

VSCode for Elixir:Phoenix框架开发环境

ERMEB域名PHP离线网络授权系统

感谢您选择使用ERMEB域名授权离线网络验证系统(简称:ERMEB域名授权系统)是ERMEB团队开发,ERMEB域名授权系统是国内最稳定,最强大,最先进的域名授权管理平台解决方案之一,ERMEB域名授权系统采用PHP +Mysql的技术,ERMEB域名授权系统框架使用Thinkphp6/mysql数据库基于Markdown开发者文档开发而成,项目安装请参考ThinkPHP官方文档及下面的服务环境说

VSCode for Elixir:Phoenix框架开发环境 0

查看详情 VSCode for Elixir:Phoenix框架开发环境

  • 在任意 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 稳住、终端跑顺、调试能进、格式化自动,开发节奏就稳了。

text=ZqhQzanResources