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,如需转载请自行联系原作者

目录
相关文章
|
18天前
|
前端开发 JavaScript 开发者
JavaScript:无处不在的Web语言
JavaScript:无处不在的Web语言
|
18天前
|
前端开发 JavaScript 开发者
JavaScript:构建动态Web的核心力量
JavaScript:构建动态Web的核心力量
|
6月前
|
JavaScript 前端开发 Java
通义灵码 Rules 库合集来了,覆盖Java、TypeScript、Python、Go、JavaScript 等
通义灵码新上的外挂 Project Rules 获得了开发者的一致好评:最小成本适配我的开发风格、相当把团队经验沉淀下来,是个很好功能……
1167 103
|
18天前
|
JavaScript 前端开发 开发者
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
18天前
|
JavaScript 前端开发 IDE
TypeScript vs. JavaScript:技术对比与核心差异解析
TypeScript 作为 JavaScript 的超集,通过静态类型系统、编译时错误检测和强大的工具链支持,显著提升代码质量与可维护性,尤其适用于中大型项目和团队协作。相较之下,JavaScript 更灵活,适合快速原型开发。本文从类型系统、错误检测、工具支持等多维度对比两者差异,并提供技术选型建议,助力开发者合理选择。
214 1
|
5月前
|
前端开发 算法 API
构建高性能图像处理Web应用:Next.js与TailwindCSS实践
本文分享了构建在线图像黑白转换工具的技术实践,涵盖技术栈选择、架构设计与性能优化。项目采用Next.js提供优秀的SSR性能和SEO支持,TailwindCSS加速UI开发,WebAssembly实现高性能图像处理算法。通过渐进式处理、WebWorker隔离及内存管理等策略,解决大图像处理性能瓶颈,并确保跨浏览器兼容性和移动设备优化。实际应用案例展示了其即时处理、高质量输出和客户端隐私保护等特点。未来计划引入WebGPU加速、AI增强等功能,进一步提升用户体验。此技术栈为Web图像处理应用提供了高效可行的解决方案。
|
18天前
|
JavaScript 前端开发 物联网
JavaScript:驱动现代Web的核心引擎
JavaScript:驱动现代Web的核心引擎
|
4月前
|
JSON JavaScript 前端开发
JavaScript入门干货:蓝桥杯Web组分章学习笔记(基于蓝桥云课《JavaScript基础入门》)
这是一份详尽的JavaScript学习笔记,涵盖基础到进阶内容。包括变量、运算符、数组、字符串操作,DOM/BOM事件处理,内置对象(如Array、Date、Math)用法,JSON格式解析,以及函数作用域与闭包等核心概念。同时深入探讨值类型和引用类型的差异、异常处理机制,并介绍函数高级特性如call/apply/bind方法、递归及arguments对象。代码按章节分点整理,注释细致,适合初学者系统掌握JavaScript编程知识。
77 2
|
8月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
203 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
11月前
|
JavaScript
使用Node.js创建一个简单的Web服务器
使用Node.js创建一个简单的Web服务器