使用Visual Studio Code开发AngularJS应用

（此文章同时发表在本人微信公众号“dotNET每日精华文章”，欢迎右边二维码来关注。)

题记：VSC发布以后，尤为最近刚刚更新到0.3以后，社区出现了不少介绍VSC使用的好文章。好比今天分享的这篇介绍AngularJS开发的文章。

今天分享的这篇文章以AngularJS的官方练习（Phonecat）做为基础，来逐步讲解如何使用Visual Studio Code来开发AngularJS应用。

1，首先须要用Git克隆Phonecat的代码库

2，启动VSC，打开angular-phonecat文件夹

3，利用VSC内置的Git功能来切换分支或者标签，VSC有个强大的功能就是对“git”命令也能够智能感知，就是会自动列出命令，及其分支或标签名称。以下图所示：

4，尝试VSC内置Angular指令支持，好比在HTML中打“ng”会列出完成的指令列表，以下图：

5，打开练习中的/test/e2e/scenarios.js文件，能够看到VSC会提供警告。这是由于VSC把全部JavaScript都看成TypeScript，换句话说就是VSC会用TypeScript的编译器来处理JavaScript文件，因此可以更好帮助你编写js代码。为了消除这些警告，须要安装所需的TypeScript定义文件。而安装tsd文件，能够经过一个npm扩展来实现。因为这个scenarios.js文件是使用Jasmine和Protractor来作单元测试，因此咱们须要执行以下命令：

   1: tsd query jasmine angular-protractor --action install --save

安装完成后，能够看到文件夹多出了一个“typings”的子文件夹：

再回到scenarios.js文件中，在顶部引用“tsd.d.ts”文件后，警告就消失了，Jasmine和Protractor的智能感知也出现了。

6，实现对AngularJS的Module和Services的智能感知支持。同上面同样，执行以下命令：

 1: tsd query angular --action install –save

添加相关tsd文件的引用就能够实现。

经过以上步骤，Visual Studio Code就成为一个强大的AngularJS开发利器了。其实我如今机器上是长期同时打开VS和VSC了。有兴趣深刻了解的能够“阅读原文”。

原文地址：http://blogs.msdn.com/b/vscode/archive/2015/05/22/getting-started-with-angular-and-visual-studio-code.aspx