每个涉及的工具库都给出了入门介绍、基本概念,以及在VS和ASP.NET中的用法。这个白皮书完全就是一个非常难得的前端开发入门手册。

具体涉及到的工具库有:

  • 流行的JS任务执行器:Grunt和Gulp。两者都可以自动对脚本进行压缩、对TypeScript编译、对代码质量进行分析、对CSS进行预处理等。两者的区别在于,Grunt出现的较早,使用相对广泛;而Gulp出现较晚,但是相对轻量级性能也更好。VS2015默认使用Grunt,当然Gulp也可以很容易使用。
  • 包管理器:NPM和Bower。虽然两者都是包管理器,不过NPM更多是安装开发环境的包,Bower是安装运行环境的前端包。所以白皮书着重介绍的Bower。同时VS2015也直接通过Bower来加载前端库。另外,对于node.js,前不久微软刚刚发布了node.js Tools for Visual Studio,可以让大家很方便的在VS中开发node.js应用。
  • 自适应Web框架:Bootstrap。大名鼎鼎的Bootstrap我想就不用过多介绍了。之前要使用Bootstrap只能通过NuGet来安装,现在也可以使用Bower、npm来安装。
  • 美化应用程序:Less、Sass和Font Awesome。Less和Sass都CSS预处理工具库。而Font Awesome提供大量的矢量图标可以免费使用。
  • 企业级JavaScript开发:TypeScript。此白皮书对TS给出了一个非常好的入门向导。同时讲到现在一些流行的js库(比如jQuery、angularjs、Boostrap、d3、requirejs、knockoutjs、node.js)都提供了TS的定义接口文件。我之前也谈到了TypeScript可能会“脱颖而出”——见文章“TypeScript的崛起”。
  • MVVM函数库:KnockoutJS。一个很好支持Model-View-ViewModel模式的前端函数库。当然Knockout并非一个完整的SPA(单页应用)库,需要配以Durandal和Requirejs才能更好的开发大型js应用。
  • MVC函数库:Backbone。顾名思义,一个可以让你以MVC模式来实现前端开发的函数库。不过,你可以只使用其中的一部分功能,这样方便迁移和入门。
  • SPA框架:AngularJS。不仅介绍了1.x的入门和关键组件的使用。还简要介绍了Angular 2.0。
  • 可重用的UI组件框架:ReactJS。ReactJS主要是用来构建可重用的UI组件的,可以和MVC或MVVM框架配合,来更方便的开发视图部分。

通过阅读这个白皮书的内容,基本可以了解如何在VS2015中使用这些流行前端工具库。在我看来,VS2015对于.NET程序员而言(也即后端使用ASP.NET相关技术开发),绝对是首选的前端开发IDE了。

工具-VS2015前端开发工具简介的更多相关文章

  1. 一、HTML和CSS基础--开发工具--Sublime前端开发工具技巧介绍

    下载:官网下载(根据系统下载) 安装:按步骤安装即可 注意:当前稳定版本为2,但3的功能有提升:Mac和Windows下的快捷键不同 优点:启动速度快,界面简洁,可以直接打开图片. 1 菜单栏主要功能 ...

  2. Web前端开发工具总结

    前端开发工具: web前端开发乃及其它的相关开发, 推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emmet, http://docs. ...

  3. 在线调试和演示的前端开发工具------http://jsfiddle.net/

    在线调试和演示的前端开发工具------http://jsfiddle.net/

  4. sublime 前端开发工具

    http://code.kpman.cc/2014/10/14/sublime-text-3-mac-%E6%8C%87%E5%8D%97/ gif 屏幕录制:http://recordit.co/ ...

  5. 【翻译】我钟爱的Visual Studio前端开发工具/扩展

    原文:[翻译]我钟爱的Visual Studio前端开发工具/扩展 怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做 ...

  6. Sublime Text前端开发工具介绍

    Sublime Text前端开发工具介绍.. Sublime Text这款前端开发工具中的非常优秀的特性进行介绍 ------------ sublime text 3 3114 注册码 —– BEG ...

  7. 超高速前端开发工具——Emmet

    [由于 CSDN 不支持富文本编辑器写的文章迁移到 Markdown 编辑器中修改,已重发了一个重新排版的版本, 新版链接:http://blog.csdn.net/ys743276112/artic ...

  8. 【前端开发工具】WijmoJS 2018 v3 正式发布,全面支持Angular7

    WijmoJS(前端开发工具包)2018年度第三个大版本已经正式发布,本次更新除了全面支持Angular7之外,还允许用户使用Web Workers在前端更高效地导出PDF.智能的分组表头属性.全新的 ...

  9. 前端开发工具icestar

    前端开发工具icestar 最近忙里偷闲,把之前的mock工具进行了全面的重构,最大的改变就是换了个名称icestar,icestar意思就是"爱死他",首先他的预想并不只是替代m ...

随机推荐

  1. MySQL数据库管理(二)单机环境下MySQL Cluster的安装

    上文<MySQL数据库管理(一)MySQL Cluster集群简单介绍>对MySQL Cluster集群做了简要介绍.本文将教大家一步步搭建单机环境下的MySQL数据库集群. 一.单机环境 ...

  2. Object类方法简介二

    在学了Object类前面的三个常用方法后,又遇到它的另外三个方法——clone().finalize().getClass(),这三个方法不经常使用,但因为在学习过程遇到了,就简单的对它们的使用做一个 ...

  3. 【联系】二项分布的对数似然函数与交叉熵(cross entropy)损失函数

    1. 二项分布 二项分布也叫 0-1 分布,如随机变量 x 服从二项分布,关于参数 μ(0≤μ≤1),其值取 1 和取 0 的概率如下: {p(x=1|μ)=μp(x=0|μ)=1−μ 则在 x 上的 ...

  4. cropper+pillow处理上传图片剪裁(一)

    在写新博客的时候,遇到需要用户上传自定义图片的处理,查了一番资料,决定用cropper和pillow来处理需要剪裁的图片上传,大致思路是:前端收集用户上传的图片和用户剪裁的尺寸数据,后台接收图片后按数 ...

  5. Codeforces Round #451 & Codeforces Round #452

    Rounding Solution Proper Nutrition 枚举 Solution Phone Numbers 模拟 Solution Alarm Clock 贪心,好像不用线段树也可以,事 ...

  6. html5左右滑动页面效果实现

    The Demo of h5 slider achiev by Myself 主要思路: 设置一个容器container,然后里面有几个page,获取到屏幕的宽度并将其赋值给page,然后contai ...

  7. mysql 主从错误情况与原因

    mysql 主从错误情况1,master 上删除一条记录是从库报错 找不到该记录引起原因:master出现宕机或者从库已经删除.解决方案:stop slave;set global sql_slave ...

  8. Win8.1应用开发之适配器模式(C#实现)

    实际上适配器模式是用于解耦.设想一下我们的程序模块A在与模块B打交道时,需要在许多地方多次使用B中某个类的方法,而负责开发B的程序猿Tom还未完全实现该类,会随时更改该类中的方法,那么当Tom在修改时 ...

  9. 文件IO详解(四)---标准输入、标准输出和标准错误

    每个进程都会默认打开3个文件描述符,即0.1.2.其中0代表标准输入流.1代表标准输出流.2代表标准错误流.通常标准输入流对应着键盘的设备文件.标准输出流和错误流对应着显示器的设备文件.在编程中通常使 ...

  10. ZBrush带你发掘脸部雕刻的秘诀(上)

    骨骼,是一门基础艺术,几百年来一直为伟大的艺术大师所研究,它曾经,也将一直是创作现实且可信角色的关键,提高骨骼知识更将大大提高雕刻技能. 当然,这对于现实角色很重要,对卡通和风格化的角色也同样重要,底 ...