Angular 资源集锦
github-circle-white-transparent
作者:
David Müllerchen
原文:
点此查看
译者:
汪志成
发表:
2019年3月4日
修改:
2019年3月11日

收录:
[译] NgxBlog

对 Angular 开发者有用的 @code 扩展

Useful @code extentions for Angular developers

我选择的 IDE 是 Visual Studio Code。我很喜欢它,因为它轻量、启动迅速。

My IDE of choice is visual studio code. I love it because of it lightweight and fast boot up.

但它真正的强大之处在于它有各种插件来满足各种需求。

But its real power comes with the plugins available for every needs.

下面是一些我最喜欢的插件,可以加速我的日常开发。

Here are my favorite plugins to speed up my daily dev work.

Lint

首先,作为一名 JavaScript 开发人员,必备的插件之一是 ESlint。它会根据一些规则检查你的代码并防止常见错误。对于 HTML 和 CSS 也是一样的。因此我安装了 HTMLHintCSSLint

First of all, as a JavaScript developer a must have plugin is ESlint. It's a plugin to check your code against rules and protect you from common error. Same goes for HTML and CSS. Therefor I have HTMLHint and CSSLint installed.

Git

虽然 vscode 对 git 的支持非常强大,但还是它没办法看到 git 的历史。为此,我使用了 Git History 插件。这样以来,你就可以看到 git log 和 git history 了。

While vscode is very powerfull connectet to git, there is no way to see the git history. For that i use Git History. So you can see the git log and git history.

在某些情况下,Jira 和你的 Git Repo 之间没有联系。所以我编写了一个插件来把提交信息作为 Jira 的 ticket 评论。它叫做 vsc-jira

In some cases, there is no connection between Jira and your Git Repo. So I wrote a plugin to put a commit message as a Jira ticket comment. It's called vsc-jira.

助手

Helper

作为一名 Web 开发者和 Angular 开发者,我会用很多代码片段和助手来让日常工作更轻松。首先,我强烈推荐使用 TypeScript Hero 来管理 ts 文件中的所有 lint、snippets 和自动 import。

As a Web Developer and Angular Developer I use a lot of snippets and helper to make my daily work easy done. First of all I highly recommend TypeScript Hero to manage all lint, snippets and auto import in ts files.

另一个非常重要的插件是 Angular Language Service 。它为你提供了 Angular 特定的 linting 和 intellisense。

Another very important plugin is Angular Language Service. It gives you Angular specific linting and intellisense.

这些就是我最喜欢的插件。

That are my favorite plugins.

我喜欢的内置功能是 EMMET。请访问它的网站。我常常在我的工作坊上展示它。

A buildin functionality I love is EMMET. Please check out the website. I allways demonstrate it in my Workshops.

非常欢迎您给我提供更多建议。

Feel free to make some recommentions too.