• Web Essentials之JavaScript,TypeScript和CoffeeScript


    Web Essentials之JavaScript,TypeScript和CoffeeScript

     

    返回Web Essentials功能目录


    一些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。

    如果您认为这篇文章还不错或者有所收获,可以点击右下角的【推荐】按钮,因为你的支持是我继续写作,分享的最大动力!欢迎大家加入QQ群交流:365987756 .NET/C#全栈开发交流群
    作者:tkb至简
  • 相关阅读:
    Excel:大小写转换
    Qt Quick开发环境搭建
    如何集成QML与C++?
    第十八章:QML扩展
    如何编写整洁的Qml代码
    Linux环境,4个版本的微信对比
    Oracle 按照 IN的顺序排序结果集
    __VA_ARGS__的用法
    手写Web图片懒加载~
    Selenuim+Python之元素定位总结及实例说明
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/5128447.html
Copyright © 2020-2023  润新知