每个涉及的工具库都给出了入门介绍、基本概念,以及在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. 2017-3-12 leetcode 167 209 216

    ---恢复内容开始--- 对于每次开机avast喊出的“已经检测到危害”实在忍无可忍了(它只能检测到不能根除很气..)于是重装了系统,回到了win10感觉不赖. =================== ...

  2. 智能识别收货地址 javascript

    欢迎加入前端交流群交流知识&&获取视频资料:749539640 地址: https://github.com/wzc570738205/smart_parse

  3. 基于Apache Thrift的公路涵洞数据交互实现原理

    基于Apache Thrift的公路涵洞数据交互实现原理 Apache Thrift简介 Apache Thrift(以下简称为“Thrift”) 是 Facebook 实现的一种高效的.支持多种编程 ...

  4. Java基础11一常用类

    1.包装类 byte---java.lang.Byte char---java.lang.Character short—java.lang.Short int---java.lang.Integer ...

  5. SqlServer数据库基本用法

    . 利用T-SQL语句,创建数据库(工资管理数据库),要求如下: 数据库初始大小:3MB:文件大小按兆字节3MB自动增长,增长限制为:15MB: 数据库日志文件初始大小:1MB: 文件大小按百分比5% ...

  6. hdu2121 Ice_cream’s world II 最小树形图(难)

    这题比HDU4009要难一些.做了4009,大概知道了最小树形图的解法.拿到这题,最直接的想法是暴力.n个点试过去,每个都拿来做一次根.最后WA了,估计是超时了.(很多题都是TLE说成WA,用了G++ ...

  7. ASP.NET CORE读取appsettings.json的配置

    如何在appsettings.json配置应用程序设置,微软给出的方法:https://docs.microsoft.com/en-us/aspnet/core/fundamentals/config ...

  8. 解决启动httpd报: apr_sockaddr_info_get() failed for错误

    我测试库里 service httpd start 时报 下面错误 httpd: apr_sockaddr_info_get() failed for fengxin.wzjzt.centoshttp ...

  9. STL编程:C++的忠告!

    Copy别人的,有少量修改,可以做为一下参考! C++之父Bjarne Stroustrup 写的 The C++ Programming Language (Special Edition) 中各章 ...

  10. js 关于时间

    var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-???? ...