接纳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”命令也堪智能感知,就是会活动列有命令,及其分支或标签号。如下图所示:

图片 1图片 2图片 3

4,尝试VSC内置Angular指令扶助,比如在HTML中打“ng”会列有得的授命列表,如下图:

图片 4

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”的子文件夹:

图片 5

更返scenarios.js文件被,在顶部援引“tsd.d.ts”文件后,警告便流失了,贾斯敏(Jasmine)和Protractor的智能感知也应运而生了。

6,实现对AngularJS的Module和瑟维斯(Service)s的智能感知协助。同地点一样,执行如下命令:

   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

相关文章