【问题标题】:How to make Visual Studio Code Angular friendly如何使 Visual Studio Code Angular 友好
【发布时间】:2021-07-10 06:49:35
【问题描述】:

我正在尝试为 Angular 项目设置本地开发环境。

作为一名经验丰富的 React 开发人员,我熟悉 Visual Studio Code IDE,但我不知道哪个是 Angular 的首选编辑器。我尝试安装 John Papa 的 Angular Essentials(第 11 版) VS Code 扩展,但编辑模板似乎不支持 Angular。

例如,我想启用以下辅助工具

  • 属性和事件绑定自动完成
  • 花括号自动完成
  • 结构指令自动完成
  • 模板感知重构
  • 通过编辑器添加新模块和组件
  • 组件和模板上的无缝代码导航

这对于 VS Code 是否可行,或者我应该使用不同的 IDE 进行 Angular 开发?

【问题讨论】:

  • 是的,您可以在 vscode 中完成所有这些操作,只需尝试安装我在答案中列出的一些扩展程序
  • 还启用严格模板对 Angular 语言服务扩展有很大帮助

标签: angular visual-studio-code ide editor development-environment


【解决方案1】:

此答案列出了一些重要的Visual Studio Code extensions,它们可以帮助您开发Angular

  • 路径智能感知
  • 角度片段
  • Angular2 切换器
  • Angular 文件
  • REST 客户端
  • JSON 到 TS
  • Angular 语言服务
  • Angular2-内联
  • TSLint
  • 材质图标主题

【讨论】:

  • 如果你在 Angular 11 上,那么 TS lint 会被贬值,你应该使用 ESLint
  • 是的,这是真的
猜你喜欢
  • 1970-01-01
  • 2019-06-06
  • 1970-01-01
  • 2020-12-04
  • 2016-04-02
  • 2017-07-16
  • 2017-10-14
  • 2017-05-25
  • 2018-08-28
相关资源
最近更新 更多