home
  • 博客
6.11
  • 简介
  • 入门
  • 教程
  • 核心概念
  • 组件
  • 路由
  • 服务
  • EmberData
  • 深入主题
  • 应用程序开发
  • 应用程序关注点
  • 无障碍访问
  • 配置
  • 测试
  • 插件与依赖
  • 使用 TypeScript
  • 开发工具
  • 构建工具
  • Ember Inspector
  • 代码编辑器
    • Ember 扩展
  • 其他资源
  • 升级
  • 为 Ember.js 贡献代码
  • 术语表

Ember 扩展


在开发过程中,为你的代码编辑器添加 Ember.js 专用扩展可以扩展功能。以下是可用扩展的列表,其中许多是由开发者社区创建和维护的。

Visual Studio Code

Visual Studio Code 是一款专为构建和调试现代 Web 应用而优化的代码编辑器。它是 Ember 开发者中最受欢迎的文本编辑器之一。

扩展包

安装此扩展包以获取开发 Ember.js 项目所需的一切。

Ember.js 扩展包 - 它将安装以下插件

语法高亮

Glimmer 模板语法 - 用于 Glimmer 模板的语法格式化。

语言服务器

Ember 语言服务器 - 增加了增强的编辑器功能,如自动补全和跳转到定义。

工作流程

ESLint - 将 ESLint 集成到 VS Code 中。

EditorConfig for Visual Studio Code - 尝试用 .editorconfig 文件中的设置覆盖用户/工作区设置。.editorconfig 文件有助于开发者在不同的编辑器和 IDE 之间定义并保持一致的编码风格。

Prettier - Prettier 是一个有主见的代码格式化工具。它通过解析你的代码并根据其自身规则(考虑最大行长度)重新打印,从而强制执行一致的风格,并在必要时对代码进行换行。Prettier 开箱即用支持 Handlebars、Ember 和 Glimmer。

类型化 Glimmer 模板

Zoey 说……
这不是作为扩展包的一部分安装的,但对于使用 TypeScript 构建的 Ember 项目应该考虑安装。点击此处了解更多关于 Glint 的信息。

Glint 是一套工具,旨在辅助开发使用 Glimmer VM 进行渲染的代码,例如 Ember.js v3.24+ 和 GlimmerX 项目。

Vim 和 Neovim

Vim 是一个高度可配置的文本编辑器,旨在高效地创建和修改任何种类的文本。大多数 UNIX 系统和 Apple OS X 中都内置了 "vi"。或者,Neovim 是一个基于 Vim 的超级可扩展文本编辑器。这两个编辑器共享一系列如下列出的跨兼容扩展。

你需要移除当前安装的任何 linter/补全管理器(或者为 .js、.ts 或 .hbs 文件禁用它们),并按照以下包的安装指南进行操作:

语法高亮

只需要其中一种方案,其中 tree-sitter 的保真度最高。

nvim-treesitter - 高保真静态高亮,支持 .gjs 和 .gts 以及嵌入的 hbs。使用 ensure_installed = { 'glimmer' }。示例 nvim-treesitter 配置可以在这里找到。

或者

vim-ember-hbs - 为 Vim 添加 Ember 模板语法高亮和缩进。要获得嵌入式高亮显示,需要这些额外的插件

  • vim-javascript
  • vim-js-pretty-template

语言服务器

一次只能使用其中一种解决方案。

原生 LSP,并在 Mason.nvim 的辅助下,轻松安装和管理 LSP 服务器、DAP 服务器、linter 和格式化程序。示例 mason+LSP 配置可以在这里找到。

或者

Neovim 的 Conquer for Completion (COC) - 一个 IntelliSense 引擎,它接管了所有的 linting、提示和语言服务器集成。搭配 Ember 插件 coc-ember - 包含有用配置说明的 Ember.js 语言服务器扩展。

代码片段 / 工作流程

ember.vim - 在 Ember.js 项目中导航相关文件的快捷方式。

Ember Tools - 用于处理 Ember.js 项目的各种工具。

Sublime Text

一款用于代码、标记和散文的精致文本编辑器。

ember-cli-sublime-snippets - 适用于 Sublime Text 3 的 Ember CLI 代码片段。

ember-component-template-split-view - 一个超简单的 Sublime Text 插件,可让你打开 Ember.js 组件对应的模板或路由文件。

left arrow
故障排除
我们已经介绍完了代码编辑器。接下来:升级 - 如何升级
right arrow
本页内容

  • Visual Studio Code
  • 扩展包
  • 语法高亮
  • 语言服务器
  • 工作流程
  • 类型化 Glimmer 模板
  • Vim 和 Neovim
  • 语法高亮
  • 语言服务器
  • 代码片段 / 工作流程
  • Sublime Text
团队 赞助商 安全 法律条款 品牌形象 社区准则
Twitter GitHub Discord Mastodon

如果你需要帮助,可以通过电子邮件联系我们,提交一个 issue,或者加入 Ember Discord 获取实时帮助。

© 版权所有 2026 - Tilde Inc.
Ember.js 是免费且开源的,并将永远保持免费。


Ember 由以下机构慷慨赞助
blue Created with Sketch.