A. 如何修改 Visual Studio Code 内建的 TypeScript 版本
最近这两周由于Angular 2 已经来到了RC5 版本，且 Angular CLI
也来到了1.0.0-beta.11-webpack.2 版本，正式改用 webpack 作为 Angular 2
今后的模组管理工具，专案的整体编译速度比以前用SystemJS 快了好几倍，我们用的非常开心。
但唯独有一点不太理想，就是当 Angular CLI 升级后所建立的专案，在 Visual Studio Code
里面一直会出现讨厌的警告信息( 红色下曲线)，在经过几天的消化与研究之后，终于发现原来是 Visual Studio Code 与
TypeScript 的问题，欲知详情，请继续看下去！
我们先来看看这个恼人的错误画面：
只要有用到 Decorators 的地方，就会出现这个警告信息，从错误信息中可以得知，这个 Decorators
其实还是一个实验性的功能，他未来可能会被加到 ECMAScript 2016 (ES7)
规格中，只是目前这份规格尚未推出正式版，因此才会显示这个警告。
但是解决方法也很简单，只要到 tsconfig.json 设定 experimentalDecorators 为 true，照理说就可以消除这个错误信息，如下图示：
先前在 Angular 2 RC4 的时候并没有这个状况，当我们将专案升级至 RC5 并且用 Angular CLI 1.0.0-beta.11-webpack.2 建立新专案后才有的问题，卡了我们好几天的时间都无解。
我今天突然想到 Angular 2 RC5 已经改用 TypeScript 2.0.0 Beta 版本来编译所有 *.ts 程式码，或许跟这个部分有关系。
几经研究之下，试图去查找 Visual Studio Code 与 TypeScript 之间的关系，这才发现原来 Visual
Studio Code 内建的 TypeScript 语言服务 (Language Service) 预设是采用 TypeScript
最新的稳定版，而当 Visual Studio Code 在对专案中的 *.ts 做即时分析与检查时，会直接参考 Visual Studio
Code 所设定的那个版本来直接，这当然也包含会自动读取专案目录内的 tsconfig.json 设定档。
最后我在 Visual Studio Code 官方文件的 TypeScript Programming with Visual
Studio Code 页面找到了 Using Newer TypeScript Versions 这个章节，这里有教我们如何修改 Visual
Studio Code 指定的 TypeScript 版本，当我设定过去之后，所有问题就自然解决了，心中真是一阵畅快啊！ ^_^
以下就是解决此问题的方法与步骤：
在专案目录下找到 tsserver.js 档案，这个档案应该会放在node_moles/typescript/lib 这个路径下
开启专案的工作区设定，开启后会自动在专案建立 .vscode/settings.json 档案
接着请在此档案设定 typescript.tsdk 参数，并指向 node_moles/typescript/lib 这个路径：
{
"typescript.tsdk": "node_moles/typescript/lib"
}
4.接着请重开 Visual Studio Code 编辑器，所有警告信息都自动消失了，耶~~~~~~
B. webpack 可以在jsp开发的系统中使用吗
1、JDK（JavaDevelopmentKit）Java开发工具集
从初学者角度来看，采用JDK开发Java程序能够很快理解程序中各部分代码之间的关系，有利于理解Java面向对象的设计思想。JDK的另一个显着特点是随着Java（J2EE、J2SE以及J2ME）版本的升级而升级。但它的缺点也是非常明显的就是从事大规模企业级Java应用开发非常困难，不能进行复杂的Java软件开发，也不利于团体协同开发。
2、JavaWorkshop
3、NetBeans与SunJavaStudio5
NetBeans是开放源码的Java集成开发环境(IDE)，适用于各种客户机和Web应用。
SunJavaStudio是Sun公司最新发布的商用全功能JavaIDE，支持Solaris、Linux和Windows平台，适于创建和部署2层JavaWeb应用和n层J2EE应用的企业开发人员使用。NetBeans是业界第一款支持创新型Java开发的开放源码IDE。开发人员可以利用业界强大的开发工具来构建桌面、Web或移动应用。同时，通过NetBeans和开放的API的模块化结构，第三方能够非常轻松地扩展或集成NetBeans平台。NetBeans3.5.1主要针对一般Java软件的开发者，而JavaOneStudio5则主要针对企业做网络服务等应用的开发者。Sun不久还将推出ProjectRave，其目标是帮助企业的开发者进行软件开发。NetBeans3.5.1版本与其他开发工具相比，最大区别在于不仅能够开发各种台式机上的应用，而且可以用来开发网络服务方面的应用，可以开发基于J2ME的移动设备上的应用等。在NetBeans3.5.1基础上，Sun开发出了JavaOneStudio5，为用户提供了一个更加先进的企业编程环境。在新的JavaOneStudio5里有一个应用框架，开发者可以利用这些模块快速开发自己在网络服务方面的各种应用程序。
4、Borland的JBuilder
Jbuilder进入了Java集成开发环境的王国，它满足很多方面的应用，尤其是对于服务器方以及EJB开发者们来说。下面简单介绍一下Jbuilder的特点:
1）Jbuilder支持最新的Java技术，包括Applets、JSP/Servlets、JavaBean以及EJB(EnterpriseJavaBeans)的应用。
2）用户可以自动地生成基于后端数据库表的EJBJava类，Jbuilder同时还简化了EJB的自动部署功能.此外它还支持CORBA，相应的向导程序有助于用户全面地管理IDL(分布应用程序所必需的接口定义语言InterfaceDefinitionLanguage)和控制远程对象。
3）Jbuilder支持各种应用服务器。Jbuilder与InpriseApplicationServer紧密集成，同时支持WebLogicServer，支持EJB1.1和EJB2.0，可以快速开发J2EE的电子商务应用。
4）Jbuilder能用Servlet和JSP开发和调试动态Web应用。
5）利用Jbuilder可创建(没有专有代码和标记)纯Java2应用。由于Jbuilder是用纯Java语言编写的，其代码不含任何专属代码和标记，它支持最新的Java标准。
6）Jbuilder拥有专业化的图形调试接口，支持远程调试和多线程调试，调试器支持各种JDK版本,包括J2ME/J2SE/J2EE。JBuilder环境开发程序方便，它是纯的Java开发环境，适合企业的J2EE开发；缺点是往往一开始人们难于把握整个程序各部分之间的关系，对机器的硬件要求较高，比较吃内存，这时运行速度显得较慢。
5、Oracle的JDeveloper
Oracle9iJDeveloper（定为9.0版，最新为10g）为构建具有J2EE功能，XML和Webservices的复杂的，多层的Java应用程序提供了一个完全集成的开发环境。它为运用Oracle9i数据库和应用服务器的开发人员提供特殊的功能和增强性能，除此以外，它也有资格成为用于多种用途Java开发的一个强大的工具。
Oracle9iJDeveloper的主要特点如下：
①具有UML（UnifiedModelingLanguage，一体化建模语言）建模功能。可以将业务对象及e-business应用模型化。
②配备有高速Java调试器（Debuger）、内置Profiling工具、提高代码质量的工具“CodeCoach”等。
③支持SOAP（SimpleObjectAccessProtocol）“简单对象访问协议”、UDDI（UniversalDescription,DiscoveryandIntegration）“统一描述、发现和集成协议”
、WSDL（）“WEB服务描述语言”等Web服务标准。JDeveloper不仅仅是很好的Java编程工具，而且是OracleWeb服务的延伸，支持ApacheSOAP，以及9iAS，可扩充的环境和XML和WSDL语言紧密相关。Oracle9iJdeveloper完全利用Java编写，能够与以前的Oracle服务器软件以及其他厂商支持J2EE的应用服务器产品相兼容，而且在设计时着重针对Oracle9i，能够无缝化跨平台之间的应用开发，提供了业界第一个完整的、集成了J2EE和XML的开发环境，允许开发者快速开发可以通过Web、无线设备及语音界面访问的Web服务和交易应用，以往只能通过将传统Java编程技巧与最新模块化方式结合到一个单一集成的开发环境中之后才能完成J2EE应用开发生命周期管理的事实，从根本上得到改变。缺点就是对于初学者来说，较复杂，也比较难。
6、IBM的VisualAgeforJava
VisualAgeforJava是一个非常成熟的开发工具，它的特性以于IT开发者和业余的Java编程人员来说都是非常用有用的。它提供对可视化编程的广泛支持，支持利用CICS连接遗传大型机应用，支持EJB的开发应用，支持与Websphere的集成开发，方便的bean创建和良好的快速应用开发(RAD)支持和无文件式的文件处理。
IBM为建设Web站点所推出的及其包含的Visual
AgeforJavaProfessionalEdition软件已全面转向以Java为中心，这样，Java开发人员对WebSphere全套工具的感觉或许会好了许多。Studio所提供的工具有：Web站点管理、快速开发JDBC页向导程序、HTML编辑器和HTML语法检查等。这确实是个不错的HTML站点页面编辑环境。Studio和VisualAge集成度很高，菜单中提供了在两种软件包之间快速移动代码的选项。这就让使用Studio的Web页面设计人员和使用VisualAge的Java程序员
可以相互交换文件、协同工作。VisualAgeforJava支持团队开发，内置的代码库可以自动地根据用户做出改动而修改程序代码，这样就可以很方便地将目前代码和早期版本做出比较。与VisualAge紧密结合的WebsphereStudio本身并不提供源代码和版本管理的支持，它只是包含了一个内置文件锁定系统,当编辑项目的时候可以防止其他人对这些文件的错误修改，软件还支持诸如MicrosoftVisualSourceSafe这样的第三方源代码控制系统。VisualAgeforJava完全面向对象的程序设计思想使得开发程序非常快速、高效。你可以不编写任何代码就可以设计出一个典型的应用程序框架。VisualAgeforJava作为IBM电子商务解决方案其中产品之一，可以无缝地与其他IBM产品，如WebSphere、DB2融合,迅速完成从设计、开发到部署应用的整个过程。VisualAgeforJava独特的管理文件方式使其集成外部工具非常困难,你无法让VisualAgeforJava与其他工具一起联合开发应用。
C. 写前端用哪个软件好
编写代码的软件有不少：WebStorm、Sublime、HBuilderX、Editplus和Dreamweaver等。
每个软件各有优缺点。
我自己主要用Dreamweaver这个软件，用习惯了；有时用一下 HBuilderX
D. 如何在vs2015中使用webpack
让vs.net 编译的时候自动执行webpack
首先 管理员模式下打开 “Developer Command Prompt for VS2015", 是管理员模式啊！
然后进入 cd c:\Program Files (x86)\Microsoft Visual Studio 14.0\Web\External
执行：npm install webpack。 绝对不能带 -g。（假设已经安装了Nodejs 另外的版本。）
然后按照其他文章。写个webpack.config.js之类的
然后在Project.json 随便加你相加的东西就行了。
"scripts": {
"prepublish": [ "bower install", "webpack" ],
"precompile": [ "webpack" ]
}
然后非常顺利。
E. Visual Studio Code的插件debugging in chrome怎么配置
在chrome浏览器中调试，需要用到Debugger for Chrome插件。
使用Debugger for Chrome插件生成三个调试配置项。
使用前警告，这个插件相当恶心，你得先把chrome关闭，并且确保所有chrome进程都被杀死了，才能正常使用调试，否则就会总报错：
[debugger-for-chrome] Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:9222
默认的第一个是文件，第二个是服务器环境，第三文件和服务器环境，但是需要先启动相应的端口的chrome。
第一个就比较简单了，可以直接启动调试。
第二个也比较简单，但是注意需要你的项目有个服务器环境，调试不会给你起个服务器环境的，你需要自己起个服务器环境，比如使用live-server、gulp或者iis、apache、nginx等，而且访问地址要和配置项中的url一致。比如你用gulp起了一个http://localhost:9000，那么你的配置项中url也得是http://localhost:9000，这样就启动调试，就会主动打开chrome进行调试了，但是你关闭了调试，它也会自动把你的chrome关闭的。
第三个需要先在终端中使用和配置项port一致的端口号将chrome启动
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --remote-debugging-port=9222
，然后启动调试，在打开的浏览器中输入服务器url或者文件路径都可以进行调试。并且你关闭调试也不会关闭chrome浏览器。
以上三种方式，都是在mac下测试过的。再次强调调试前，先杀死chrome所有进程，一般退出chrome即可。
F. 使用Visual Studio 2015之后还有没有必要使用webpack
1完整的卸载VS2015的方法很简单，只需要最初用到的在线安装器。/en-us/downloads/visual-studio-2015-downloads-vs.aspx官网提供的有两种版本，一个社区版，一个企业版。根据自己的情况下载一个安装器。2管理员模式运行VS2015在线安装器，就会出现安装框和修复，卸载等选项。只需要点击卸载就会卸载掉所有VS2015和它附属安装的软件。
G. web前端开发需要用到的工具有哪些
最常用的就是dreamweaver，一般是dreamweaver cs6,cs6目前是功能比较强大,问题比较少的了,dw有一个比较方便的就是可视化编程,可以边看效果边敲代码,还有自动提示 代码的功能.
还有就是ediplus,这个其实就相当于一个字体有颜色的记事本,因为dw占用内存太多了,搞的电脑卡,所以我直接用 ediplus写代码,还有就是eclipse可以写java、php还有 上面的各种代码!Zend Studio 是专门写php的,但是上面这2种工具比较专业,是我们专业开发人员用的,所以大家自己看着办.Photoshop这个就不用说了。
H. 如何用webpack打包一个网站应用
--用DTS移植数据 --数据转换服务(Data Transformation Services，简称DTS),它可以在任意数据源之间移动数据，并在移动过程中对数据进行清洗 --DTS通常用于将数据移动到SQL Server，但实际上它可以方便地在几乎所有的数据源之间移动数据 --注意：“复制数据库向导”和“导入/导出向导”实际只是创建和执行了DTS包 --DTS设计器 --“数据转换服务”->“本地包”->新建或打开包 --“连接”：可用的连接对象 --“任务”：包含了19个关键的数据转换任务，其中最常见的是“转换数据任务”和“执行SQL任务” --“包属性”：在DTS的设计器中选择“包”->“属性”或右键“包属性”，可以打开包属性对话框 --添加“连接” --添加“任务” --1、源：源可以是源连接中的一个表、视图，或者一个SQL查询 --2、目的：接收数据的表 --3、转换：对源数据列和目的数据列进行匹配或者连接。一个列转换可以是下列情形之一： --复制列是转换中最常见的情况 --日期时间字符串、小写字符串、字串、裁剪字符串和大写串的处理全都与复制列转换类似，不同的是 --它们中的每一个都增加了某种类型的数据转换功能 --读文件和写文件分别用于将数据导入或者导出到源列中所指定的文件 --对于包含有逻辑或者数据查找的复杂转换，需要使用ActiveX脚本实现 --4、查找：仅仅把数据从一个表移动到另外一个表是一项很简单的任务。但在很多情况下我们都必须在转换的过程中对数据进行修改 --转换任务可以调用查找脚本找出需要的值来替换源数据集中的值 --a、定义一个查找，“名称”：需要替换的源数据中的列名；“连接”：目的驱动；“高速缓存”：设置DTS执行时可以缓存的查询结果数量 --b、“查询”：可以打开查询设计器的一个变种，通过它可以为任意的连接定义有效的查询。该查询应当以源列表中的值为输入(参数), --并返回相应的替代它的值以便插入目的表。输入的参数用‘?’来表示，而select语句所返回的值就是用于在目的表中替代输入参数的值 --下面的例子从源列中读出顾客类型的名字，并用查询所返回的CustomerTypeID来替代它 select customertypeid from customertype where (name = ?) --为什么要这样做呢？源表中的customertype列为字符，而目的表中的customertypeid为整型，所以需要根据源表中的customertype(字符) --从表customertype中得到相应的customertypeid以便插入到目的表的customertypeid(整数)中 --c、Active转换？ /*'********************************************************************** ' Visual Basic Transformation Script '************************************************************************ ' Copy each source column to the destination column Function Main() DTSDestination("CustomerTypeID") = DTSLookups("CustomerType").Execute(DTSSource("CustomerType")) Main = DTSTransformStat_OK End Function */ --5、转换选项： --工作流控制 --DTS只包含几个任务的情况在实际中是很少见的。绝大多数DTS包都要执行数十个任务，而这些任务之间又具有错综复杂的关系。因此，执行 --顺序对于防止错误的发生至关重要。 --DTS通过以下选项来控制工作流的执行顺序：完成时(蓝色)；成功时(绿色)；失败时(红色) --如：添加任务“执行SQL任务”(用来执行SQL语句)，以在执行其他任务之前删除表中的数据。则此任务为第一个执行。选中此任务和第二个 --任务，然后从“工作流”中选择需要工作流类型(如完成)，就可以设定这两个任务之间的执行顺序。执行好之后作用：先执行第一个任务， --完成后，再执行第二个任务。。 --如果要为转换数据任务设置工作流，可以选择该转换任务的源连接，右键->“工作流属性”->设置工作流 --执行DTS包 --存储和移动DTS包 --1、“包”->“保存”：保存到本地服务器上。企业管理器控制台树的“数据转换服务”->“本地包”，将会看到那些保存的包 --2、“包”->“另存为”：提供了其他几种可选的存储格式和选项 --SQL Server：这种方法将包保存在任何已注册的SQL Server的MSDB数据库的sysdtspackages表中。如果已经注册了相应的服务器， --这将是最简单的把包移动到另外一个SQL Server上的办法。如果要把包移动到还没有注册的服务器上，应使用“结构花存储文件”选项 --Meta Data Services：这种高级的方法可以跟踪已经为DTS修改的数据 --结构化存储文件：这种方法能够创建可以复制到另外一个SQL Server，并且可以在另外一台服务器上打开的文件。一定要注意SQL Server --和service pack的版本号，因为具有不同的service pack级别的SQL Server 2000实例所使用的结构化存储文件有可能是不兼容的 --要打开用结构化存储文件格式保存的包，可以在企业管理器控制台树的数据转服务节点的快捷方式菜单中选择“打开包”菜单命令 --Visual Basic文件：这个选项可以生成与SQL Server DTS包完成同样任务的VB脚本 --注意：如果已经使用“包”->“另存为”命令保存了包，“包”->“保存”命令将用上一个“另存为”命令所选择的位置和格式来保存这个包 --增量和版本 --数据转换服务还有一个很好的特性：它能够对包的变化进行管理。包的每次保存都会产生该包的一个新版本，最终就会形成该包的多个连续的版本 --如果要查看任意包所保存的各个版本，可以在企业管理器中，从本地包清单中选择一个DTS包，然后选择“操作”->“版本”菜单命令，或者从 --该包的快捷方式菜单中选择“版本”菜单。此时将会打开“DTS包版本”对话框，并显示该包的各个版本的日期和描述 --使用“DTS包版本”对话框，可以打开以前的版本进行编辑或者对它们进行清理。如果想恢复到某个以前的版本，可以打开该版本进行编辑，然后】 --使用“包”->“另存为”菜单命令以一个新名字保存该包
I. 什么是web开发人员最喜欢的前端工具
1、jQuery
jQuery由于其无限的教程，没有跨平台/浏览器问题，优秀的用户界面，大量的插件以及它的轻量，快速和快速学习等特点而脱颖而出。超过70％的受访者选择jQuery作为他们的前端库，它是一个快速，轻量级和简洁的JavaScript库，主要用于HTML文档遍历、事件处理、动画和用于快速Web开发的Ajax交互。从本质上讲，jQuery最适合需要快速开发的应用程序。
2、Bootstrap
超过65％的开发者选择Bootstrap作为他们最喜欢的框架来使用，它是一个用HTML、CSS和JS开发的开源工具包。Bootstrap的广泛流行主要是因为它的简单使用、优秀的社区以及大量的文章和教程、第三方插件和扩展、主题构建器等。
3、Angular
如果你打算构建一个动态且强大的单页应用程序，Angular就是你需要的框架。Angular是高度模块化的，因此非常适合与团队分开大型工作，并且使测试和调试变得轻松。功能优先的方法使Angular更加专注于功能，使开发人员的工作更轻松。此外，它还有来自Google社区的出色工具和支持。
4、NPM
NPM是Node的包管理器。借助NPM，开发人员可以安装各种模块进行Web开发，共享和借用软件包，并管理私有开发。它由网站、命令行界面（CLI）和注册表三个不同的组件组成。
5、Webpack
Webpack是现代JavaScript应用程序的模块打包程序，它将前端开发所需的所有资源（如JavaScript、字体和图像）集中到一个地方。如果你正在开发复杂的前端，这特别有用。你可以去通过部署具有的WebPack Web应用程序，以获取有关的WebPack起来和运行。
除了以上工具，还有Sass、React等，根据企业所用工具的不同，你需要掌握的工具也不一样。
J. webpack3.5分离css没有内容
创建和应用 CSS 样式表
除了为单个元素设置内联样式之外，还可以创建和应用级联样式表 (CSS) 文件。级联样式表使您可以定义可应用于多个控件和页面的样式，而不必分别编辑元素。
在演练的本节中，将创建样式表，该样式表使您可以使用用于设置内联样式的相同工具。然后将样式表应用于正在编辑的页面。
创建样式表
在解决方案资源管理器中，右击网站的名称（如 C:\WebSites），再单击“添加新项”。
在“Visual Studio 已安装的模板”之下单击“样式表”。
在“名称”框中，键入“dark.css”，再单击“添加”。
编辑器打开一个包含 body 样式元素的新样式表。
将插入点定位在左右大括号 ({ }) 之间，然后在“样式”菜单上单击“生成样式”。
出现“样式生成器 - body”对话框。
单击“字体”，在“字体属性”下单击位于“颜色”框右边的省略号“(…)”，在“颜色选取器”对话框中单击一种亮色，再单击“确定”。
注意
请确保选择一种与网站网页的默认颜色不同的颜色。
单击“背景”，单击一种与前面步骤中选定的字体颜色对比的暗色（如“褐紫红色”），再单击“确定”关闭“样式生成器 - body”对话框。
将插入点定位到 body 元素的右大括号之后，右击，再单击“添加样式规则”。
出现“添加样式规则”对话框。
“添加样式规则”对话框使您可以创建绑定到特定 HTML 元素类型、样式类名或特定元素的新样式。
单击“类名”，然后在框中键入“reverse”。
这样将创建一个名为 .reverse 的新样式类。将能够把为 .reverse 定义的样式设置应用于页上的任何元素。还可以选择创建类，以便它只能应用于特定类型的元素（定位点、按钮等），但是在本演练中将创建一个简单的样式类。
单击“确定”以关闭“添加样式规则”对话框。
使用样式生成器或 IntelliSense 功能将 .reverse 样式的颜色设置为与主体样式的颜色相反的颜色。元素类似于如下所示：
.reverse
{
background-color:white;
color:maroon;
}
既然有样式表，那么可以在正在编辑的页中对其进行引用。
在网页上引用样式表
打开 Default.aspx 页并切换到“设计”视图。
从解决方案资源管理器中，将 dark.css 文件拖动到页面上。
页面已更新，并显示样式表的效果。
单击“正方形”，然后在“属性”中设置“CssClass”“reverse”。
这样将反转样式应用于“正方形”。
切换到“源”视图。
在 <head> 元素中，可以看到编辑器已经添加了引用样式表的 <link> 元素。还可以看到 <asp:button> 元素的 cssclass 属性已设置为 reverse。
右击该页，再单击“在浏览器中查看”。
该页出现在浏览器中，且已应用样式表。