在开发过程中,为你的代码编辑器添加 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 模板
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 模板语法高亮和缩进。要获得嵌入式高亮显示,需要这些额外的插件
语言服务器
一次只能使用其中一种解决方案。
原生 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 组件对应的模板或路由文件。