Web Essentials之JavaScript,TypeScript和CoffeeScript

简介:

一些Javascript功能也可以用于TypeScript。

本篇目录

功能

JSHint

JSHint真是一种确保你写的JavaScript代码遵守编码规范和最佳实践的好办法。默认的设置是很松的,但是你可以通过新的选项对话框打开更多的规则。

错误窗口会随着输入的变化而变化,因此,不必右键点击.js文件来进行JSHint。

每个单独的javascript文件都可以通过使用JSHint文档中描述的官方JSHint注释格式重写全局的设置。

最小化

右键解决方案浏览器中的任何JS文件都可以产生一个.min.js文件。无论源js文件何时改变,.min.js文件都会跟着改变。

源映射

在工具-》选项中开启源映射后,当最小化源js文件时,源映射(.js.map)文件都会自动地生成。

发现所有引用

使用Shift+F12可以看到任何Javascript标识符的所有引用。

转到定义

在VS2012和VS2013中都内置了转到定义。这个功能是使用///<reference>构建的。

Regions

一些人喜欢它们,另外一些人讨厌它们。这是原始的Web Essentials 2010的功能,受很多人请求,现在将它做到了VS 2012版本中。

智能提示

getElementById

在项目的所有样式表中找到#ID引用,然后在Javascript中提供它们的智能提示。

"use strict"

包含use strictuse asm的智能提示。

NodeJS 模块

包含已经引用的NodeJS模块的引用。

getElementByTagName

包含VS的HTML编辑器支持的所有HTML元素。

getElementsByClassName

在项目的所有样式表中找到.classnames,然后在Javascript中提供它们的智能提示。



TypeScript

预览窗口

在VS中编译一个TypeScript文件时,Web Essentials会在预览窗口中生成一个编译后的.js文件。

拖放

将一个.js或者.ts文件拖放到TypeScript编辑器中,就插入了智能提示的引用。



CoffeeScript

预览窗口

当在VS中保存CoffeeScript文件时(.coffee),Web Essentials会自动编译并生成一个预览窗口。

编译器设置

可以从工具-》选项中设置所有的编译器。

Iced CoffeeScript支持

对于添加的功能,可以使用Iced CoffeeScript编译器,只需要使用.iced文件后缀就行了。

NodeJS编译

Web Essentials使用NodeJS运行编译器,它对于CoffeeScript和Iced CoffeeScript来说是最快且最精确的编译器。

源映射

完全支持源映射生成并会产生.map文件。这个功能可以在选项对话框中开启。

编译到自定义的文件夹

如果你想把编译后的文件放到单独一个文件夹中,那么你可以在选项对话框中进行设置。

最小化

当编译CoffeeScript文件时,它现在也可以产生一个更小的Javascript文件。

注释/取消注释

两个非常有用的命令是注释和取消注释。它们完全支持CoffeeScript。





本文转自tkbSimplest博客园博客,原文链接:http://www.cnblogs.com/farb/p/WebEssentialsJavascript.html,如需转载请自行联系原作者

目录
相关文章
|
1月前
|
JavaScript 前端开发 安全
TypeScript的优势与实践:提升JavaScript开发效率
【10月更文挑战第8天】TypeScript的优势与实践:提升JavaScript开发效率
|
1月前
|
JavaScript 前端开发 安全
深入理解TypeScript:增强JavaScript的类型安全性
【10月更文挑战第8天】深入理解TypeScript:增强JavaScript的类型安全性
45 0
|
1月前
|
JavaScript 前端开发 IDE
深入理解TypeScript:提升JavaScript开发的利器
【10月更文挑战第8天】 深入理解TypeScript:提升JavaScript开发的利器
28 0
|
29天前
|
XML JavaScript 前端开发
JavaScript控制台:提升Web开发技能的秘密武器
作为Web开发人员,掌握JavaScript控制台中的各种方法至关重要。本文介绍了22种实用的console方法,从基本的log()到高级的profile()和memory,每种方法都配有示例和说明,帮助开发者更高效地调试和记录信息。通过了解这些工具,您可以优化代码、提高开发速度,减少错误,使编码过程更加顺畅愉快。
36 1
JavaScript控制台:提升Web开发技能的秘密武器
|
11天前
|
传感器 JavaScript 前端开发
掌握现代Web开发的基石:TypeScript的进阶之路
【10月更文挑战第28天】TypeScript作为JavaScript的超集,正逐渐成为现代Web开发的首选语言。本文深入探讨了TypeScript的核心优势、进阶技巧和生态系统工具,包括静态类型检查、现代JavaScript特性、高级类型功能、装饰器的使用、配置和编译选项,以及实用工具如VS Code和TypeScript Playground。文章还展望了TypeScript在WebAssembly中的应用前景,并强调了其在提升开发效率和代码质量方面的重要作用。
|
14天前
|
Web App开发 JavaScript 前端开发
探索Deno:新一代JavaScript/TypeScript运行时环境
【10月更文挑战第25天】Deno 是一个新兴的 JavaScript/TypeScript 运行时环境,由 Node.js 创始人 Ryan Dahl 发起。本文介绍了 Deno 的核心特性,如安全性、现代化、性能和 TypeScript 支持,以及开发技巧和实用工具。Deno 通过解决 Node.js 的设计问题,提供了更好的开发体验,未来有望进一步集成 WebAssembly,拓展其生态系统。
|
19天前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
19 4
|
18天前
|
JavaScript 安全 前端开发
探索Deno 1.x:安全JavaScript/TypeScript运行时的新篇章
【10月更文挑战第21天】Deno 1.x 是由Node.js创始人Ryan Dahl发起的项目,旨在解决Node.js的安全和模块化问题。Deno 1.x 版本带来了统一的运行时、默认安全、ES模块支持和内置TypeScript支持等新特性。其安全模型基于最小权限原则、沙箱环境和严格的远程代码执行控制,适用于Web服务器、命令行工具、桌面和移动应用及微服务开发。本文探讨了Deno 1.x的核心特性、安全模型及其在现代Web开发中的应用。
|
24天前
|
JavaScript 安全 前端开发
掌握Deno:新一代安全的JavaScript和TypeScript运行时
【10月更文挑战第15天】Deno是由Node.js创始人Ryan Dahl发起的新一代JavaScript和TypeScript运行时,旨在解决Node.js的设计问题,提供更安全、现代的开发体验。本文介绍Deno的核心特性、优势及使用方法,包括安全性、统一的运行时、现代Web标准和内置工具等,帮助开发者快速上手Deno,适用于Web开发、工具开发和教育等领域。
|
22天前
|
JavaScript 前端开发 安全
探索Deno:现代JavaScript/TypeScript运行时的崛起
【10月更文挑战第17天】Deno是由Node.js创始人Ryan Dahl发起的现代JavaScript/TypeScript运行时,强调安全性、TypeScript原生支持、统一的运行时环境和现代HTTP客户端。本文深入探讨了Deno的特性、优势及其在业界的应用,展示了它如何提升开发效率和代码安全性。