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。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM