每个涉及的工具库都给出了入门介绍、基本概念,以及在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. 【cocos2d-x 3.7 飞机大战】 决战南海I (十二) 游戏结束场景

    游戏结束的时候,要显示分数.还要可以选择是返回主场景还是退出游戏 // 退出游戏 void menuCloseCallback(cocos2d::Ref* pSender); // 返回主界面 voi ...

  2. 第8章 MyBatis简介

    # 创建一个名称为mybatis的数据库 CREATE DATABASE mybatis; # 使用名称为mybatis的数据库 USE mybatis; # 创建一个tb_user表,有id.nam ...

  3. 数组和String调用方法时,值是否改变(包含可变参数)

    package com.wh.encapsulation; import java.util.Arrays; /** * @author 王恒 * @datetime 2017年4月5日 上午9:33 ...

  4. Session版购物车+MVC局部刷新

     效果图: 大致代码: <script type="text/javascript"> $(function () { LoadOrderDetailList(); } ...

  5. Android Fragment 初步解析

    Fragment经常在我们的开发中见到,但是自我感觉对Fragment的理解还是处于初级的阶段,接下来我将用几篇文章尽量深的解析Fragment 让我们开始吧!!! Fragment的生命周期 Fra ...

  6. java是值传递,还是引用传递?

    原文地址:http://blog.csdn.net/zxmzfbdc/article/details/5401960  java到底是值传递,还是引用传递?以前国内的java开发者有过很多争论,由于& ...

  7. caffe特征提取/C++数据格式转换

    Caffe生成的数据分为2种格式:Lmdb 和 Leveldb 它们都是键/值对(Key/Value Pair)嵌入式数据库管理系统编程库. 虽然lmdb的内存消耗是leveldb的1.1倍,但是lm ...

  8. RxSwift學習教程之基礎篇

    前言 我們在 iOS 開發過程中,幾乎無時無刻都要面對異步事件的處理.例如,按鍵點擊.數據保存..音頻後臺播放.交互動畫展示.這些事件並不具備特定時序性,甚至它們可能同時發生. 雖然 Apple 提供 ...

  9. Apex语言(二)变量与常量

    1.变量 凡是交给计算运算(处理)的数据就是变量,用来保存参加运算的数据和计算结果. 变量由变量名来标识. 变量名由字母数字和下划线组成,不能以数字开头. [正确]number,number1,num ...

  10. java类型和mysql类型的转换

    Integer  -----> int 11String     ----->  varchar 20Long       -----> bigint 20String      - ...