使用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